Update component header, format, streamline SV5 components

web/frontend/src/config/admin/AddUser.svelte

@@ -1,19 +1,20 @@
 <!--
-    @component User creation form card
+  @component User creation form card
 
-    Properties:
-    - `roles [String]!`: List of roles used in app as strings
+  Properties:
+  - `roles [String]!`: List of roles used in app as strings
+  - `reloadUser Func`: The callback function to reload the user list
+-->
 
-    Events:
-    - `reload`: Trigger upstream reload of user list after user creation
- -->
- 
  <script>
   import { Button, Card, CardTitle } from "@sveltestrap/sveltestrap";
   import { fade } from "svelte/transition";
 
   /* Svelte 5 Props */
-  let { roles, reloadUser } = $props();
+  let {
+    roles,
+    reloadUser
+  } = $props();
 
   /* State Init */
   let message = $state({ msg: "", color: "#d63384" });

web/frontend/src/config/admin/EditProject.svelte

@@ -1,16 +1,18 @@
 <!--
-    @component User managed project edit form card
+  @component User managed project edit form card
 
-    Events:
-    - `reload`: Trigger upstream reload of user list after project update
- -->
+  Properties:
+  - `reloadUser Func`: The callback function to reload the user list
+-->
 
 <script>
   import { Card, CardTitle, CardBody } from "@sveltestrap/sveltestrap";
   import { fade } from "svelte/transition";
 
   /* Svelte 5 Props */
-  let { reloadUser } = $props();
+  let {
+    reloadUser
+  } = $props();
 
   /* State Init */
   let message = $state({ msg: "", color: "#d63384" });

web/frontend/src/config/admin/EditRole.svelte

@@ -1,19 +1,20 @@
 <!--
-    @component User role edit form card
+  @component User role edit form card
 
-    Properties:
-    - `roles [String]!`: List of roles used in app as strings
-
-    Events:
-    - `reload`: Trigger upstream reload of user list after role edit
- -->
+  Properties:
+  - `roles [String]!`: List of roles used in app as strings
+  - `reloadUser Func`: The callback function to reload the user list
+-->
 
 <script>
   import { Card, CardTitle, CardBody } from "@sveltestrap/sveltestrap";
   import { fade } from "svelte/transition";
 
   /* SVelte 5 Props */
-  let {roles, reloadUser } = $props();
+  let {
+    roles,
+    reloadUser
+  } = $props();
 
   /* State Init */
   let message = $state({ msg: "", color: "#d63384" });

web/frontend/src/config/admin/NoticeEdit.svelte

@@ -1,13 +1,18 @@
 <!--
-    @component Admin edit notice.txt content card
- -->
+  @component Admin edit notice content card
+
+  Properties:
+  - `ncontent String`: The homepage notice content
+-->
 
 <script>
   import { Col, Card, CardTitle, CardBody } from "@sveltestrap/sveltestrap";
   import { fade } from "svelte/transition";
 
   /* Svelte 5 Props */
-  let { ncontent } = $props();
+  let {
+    ncontent
+  } = $props();
 
   /* State Init */
   let message = $state({ msg: "", color: "#d63384" });

web/frontend/src/config/admin/Options.svelte

@@ -1,6 +1,6 @@
 <!--
-    @component Admin option select card
- -->
+  @component Admin option select card
+-->
 
 <script>
   import { getContext, onMount } from "svelte";

web/frontend/src/config/admin/ShowUsers.svelte

@@ -1,12 +1,10 @@
 <!--
-    @component User management table
+  @component User management table
 
-    Properties:
-    - `users [Object]?`: List of users
-
-    Events:
-    - `reload`: Trigger upstream reload of user list
- -->
+  Properties:
+  - `users [Object]?`: List of users [Bindable, Default: []]
+  - `reloadUser Func`: The callback function to reload the user list
+-->
 
 <script>
   import {
@@ -19,7 +17,10 @@
   import ShowUsersRow from "./ShowUsersRow.svelte";
 
   /*Svelte 5 Props */
-  let { users = $bindable([]), reloadUser } = $props();
+  let { 
+    users = $bindable([]),
+    reloadUser
+  } = $props();
 
   /* Functions */
   function deleteUser(username) {

web/frontend/src/config/admin/ShowUsersRow.svelte

@@ -1,17 +1,19 @@
 <!--
-    @component User data row for table
+  @component User data row for table
 
-    Properties:
-    - `user Object!`: User Object
-      - {username: String, name: String, roles: [String], projects: String, email: String}
- -->
+  Properties:
+  - `user Object!`: User Object
+    - {username: String, name: String, roles: [String], projects: String, email: String}
+-->
 
 <script>
   import { Button } from "@sveltestrap/sveltestrap";
   import { fetchJwt } from "../../generic/utils.js"
 
   /* Svelte 5 Props */
-  let { user } = $props();
+  let {
+    user
+  } = $props();
 
   /* State Init */
   let jwt = $state("");