Polish CSS for mobile editor. Add user logout from admin panel.

pages/admin/index.vue

@@ -135,6 +135,27 @@ async function editPermissions(user: User)
         });
     }
 }
+async function logout(user: User)
+{
+    try
+    {
+        await $fetch(`/api/admin/user/${user.id}/logout`, {
+            method: 'POST',
+        });
+
+        user.session.length = 0;
+        
+        toaster.add({
+            duration: 10000, type: 'success', content: 'L\'utilisateur vient d\'être déconnecté.', timer: true,
+        });
+    }
+    catch(e)
+    {
+        toaster.add({
+            duration: 10000, type: 'error', content: (e as any).message, timer: true,
+        });
+    }
+}
 </script>
 
 <template>
@@ -178,7 +199,7 @@ async function editPermissions(user: User)
                                                     </DialogTitle>
                                                     <div class="flex flex-1 justify-end gap-4">
                                                         <DialogClose asChild><Button>Non</Button></DialogClose>
-                                                        <DialogClose asChild><Button class="border-light-green dark:border-dark-green hover:border-light-green dark:hover:border-dark-green hover:bg-light-greenBack dark:hover:bg-dark-greenBack text-light-green dark:text-dark-green focus:shadow-light-green dark:focus:shadow-dark-green">Oui</Button></DialogClose>
+                                                        <DialogClose asChild><Button @click="() => logout(user)" class="border-light-green dark:border-dark-green hover:border-light-green dark:hover:border-dark-green hover:bg-light-greenBack dark:hover:bg-dark-greenBack text-light-green dark:text-dark-green focus:shadow-light-green dark:focus:shadow-dark-green">Oui</Button></DialogClose>
                                                     </div>
                                                 </DialogContent>
                                             </DialogPortal>