Migrate config, migrate analysis plotselection

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

@@ -10,17 +10,19 @@
  
  <script>
   import { Button, Card, CardTitle } from "@sveltestrap/sveltestrap";
-  import { createEventDispatcher } from "svelte";
   import { fade } from "svelte/transition";
 
-  const dispatch = createEventDispatcher();
+  /* Svelte 5 Props */
+  let { roles, reloadUser } = $props();
 
-  let message = { msg: "", color: "#d63384" };
-  let displayMessage = false;
+  /* State Init */
+  let message = $state({ msg: "", color: "#d63384" });
+  let displayMessage = $state(false);
 
-  export let roles;
-
-  async function handleUserSubmit() {
+  /* Functions */
+  async function handleUserSubmit(event) {
+    event.preventDefault();
+    
     let form = document.querySelector("#create-user-form");
     let formData = new FormData(form);
 
@@ -29,7 +31,7 @@
       if (res.ok) {
         let text = await res.text();
         popMessage(text, "#048109");
-        reloadUserList();
+        reloadUser();
         form.reset();
       } else {
         let text = await res.text();
@@ -47,10 +49,6 @@
       displayMessage = false;
     }, 3500);
   }
-
-  function reloadUserList() {
-    dispatch("reload");
-  }
 </script>
 
 <Card>
@@ -60,7 +58,7 @@
     action="/config/users/"
     class="card-body"
     autocomplete="off"
-    on:submit|preventDefault={handleUserSubmit}
+    onsubmit={(e) => handleUserSubmit(e)}
   >
     <CardTitle class="mb-3">Create User</CardTitle>
     <div class="mb-3">