Añadido soporte para crear grupos nuevos

Front/src/paginas/AdminGrupos.svelte

@@ -6,11 +6,15 @@
     import ModalEstatico from "../Componentes/ModalEstatico.svelte";
     import ModalEditarGrupo from "../Componentes/ModalEditarGrupo.svelte";
     import BarraHorizontalConTexto from "../Componentes/BarraHorizontalConTexto.svelte";
+    import BotonEsquina from "../Componentes/BotonEsquina.svelte";
+    import ModalAadirGrupo from "../Componentes/ModalAñadirGrupo.svelte";
 
     const token: string = sessionStorage.getItem("token") || "";
 
     let grupos: GrupoDto[] = $state([]);
     let modaldat: string = $state("");
+    let showmodaladd = $state(false);
+
     onMount(() => {
         ObtenerGrupos();
         obtenerPermisos();
@@ -84,6 +88,27 @@
             modaldat = "Fallo Al intentar hacer la request";
         }
     }
+
+    async function submitGrupo(a: GrupoDto) {
+        let b = a;
+        try {
+            let req = await fetch($urlG + "/api/grupo", {
+                method: "POST",
+                headers: {
+                    Auth: token,
+                    "Content-Type": "application/json",
+                },
+                body: JSON.stringify(b),
+            });
+            const resp = await req.json();
+            modaldat = resp.message;
+            if (req.ok) {
+                ObtenerGrupos();
+            }
+        } catch {
+            modaldat = "Fallo al hacer la request";
+        }
+    }
 </script>
 
 {#if modaldat != ""}
@@ -102,6 +127,7 @@
 <NavBarAutocompletable />
 <div class="container-fluid mt-2">
     <BarraHorizontalConTexto text="Gestionar Grupos" />
+
     {#if grupos.length == 0}
         <div class="text-center">
             <div class="spinner-border" role="status">
@@ -109,6 +135,15 @@
             </div>
         </div>
     {:else}
+        <BotonEsquina handleclick={() => (showmodaladd = true)} />
+        {#if showmodaladd}
+            <ModalAadirGrupo
+                onClose={() => (showmodaladd = false)}
+                {grupos}
+                {permisos}
+                onSubmit={submitGrupo}
+            />
+        {/if}
         {#each grupos as grupo}
             <div class="accordion mt-2">
                 <div class="accordion-item">