refactor: integrate current user data across components

- Replaced instances of `authStore` with `currentUser` to streamline user authentication handling.
- Updated permission checks and user-related data retrieval to utilize the new `useQuery` for better performance and clarity.
- Cleaned up component structures and improved formatting for consistency and readability.
- Enhanced error handling and user feedback mechanisms in various components to improve user experience.

apps/web/src/lib/components/ProtectedRoute.svelte

@@ -1,16 +1,16 @@
 <script lang="ts">
-  import { authStore } from "$lib/stores/auth.svelte";
-  import { goto } from "$app/navigation";
+  import { useQuery } from "convex-svelte";
+  import { api } from "@sgse-app/backend/convex/_generated/api";
   import { onMount } from "svelte";
   import { page } from "$app/stores";
   import type { Snippet } from "svelte";
 
-  let { 
+  let {
     children,
     requireAuth = true,
     allowedRoles = [],
     maxLevel = 3,
-    redirectTo = "/"
+    redirectTo = "/",
   }: {
     children: Snippet;
     requireAuth?: boolean;
@@ -21,6 +21,7 @@
 
   let isChecking = $state(true);
   let hasAccess = $state(false);
+  const currentUser = useQuery(api.auth.getCurrentUser, {});
 
   onMount(() => {
     checkAccess();
@@ -32,15 +33,17 @@
     // Aguardar um pouco para o authStore carregar do localStorage
     setTimeout(() => {
       // Verificar autenticação
-      if (requireAuth && !authStore.autenticado) {
+      if (requireAuth && !currentUser?.data) {
         const currentPath = window.location.pathname;
         window.location.href = `${redirectTo}?error=auth_required&redirect=${encodeURIComponent(currentPath)}`;
         return;
       }
 
       // Verificar roles
-      if (allowedRoles.length > 0 && authStore.usuario) {
-        const hasRole = allowedRoles.includes(authStore.usuario.role.nome);
+      if (allowedRoles.length > 0 && currentUser?.data) {
+        const hasRole = allowedRoles.includes(
+          currentUser.data.role?.nome ?? "",
+        );
         if (!hasRole) {
           const currentPath = window.location.pathname;
           window.location.href = `${redirectTo}?error=access_denied&route=${encodeURIComponent(currentPath)}`;
@@ -49,7 +52,11 @@
       }
 
       // Verificar nível
-      if (authStore.usuario && authStore.usuario.role.nivel > maxLevel) {
+      if (
+        currentUser?.data &&
+        currentUser.data.role?.nivel &&
+        currentUser.data.role.nivel > maxLevel
+      ) {
         const currentPath = window.location.pathname;
         window.location.href = `${redirectTo}?error=access_denied&route=${encodeURIComponent(currentPath)}`;
         return;
@@ -71,4 +78,3 @@
 {:else if hasAccess}
   {@render children()}
 {/if}
-