Use resolve() for all internal hrefs and goto paths to ensure correct

routing

apps/web/src/routes/(dashboard)/ti/painel-administrativo/+page.svelte

@@ -4,20 +4,21 @@
   import StatsCard from "$lib/components/ti/StatsCard.svelte";
   import { BarChart3, Users, CheckCircle2, Ban, Clock, Plus, Layers, FileText, Info } from "lucide-svelte";
 
+  import { resolve } from "$app/paths";
   const client = useConvexClient();
   const usuariosQuery = useQuery(api.usuarios.listar, {});
-  
+
   // Verificar se está carregando
   const carregando = $derived(usuariosQuery === undefined);
-  
+
   // Extrair dados dos usuários
   const usuarios = $derived(usuariosQuery?.data ?? []);
-  
+
   // Estatísticas derivadas
   const stats = $derived.by(() => {
     // Se ainda está carregando, retorna null para mostrar loading
     if (carregando) return null;
-    
+
     // Se não há usuários, retorna stats zeradas (mas não null para não mostrar loading)
     if (!Array.isArray(usuarios) || usuarios.length === 0) {
       return {
@@ -27,11 +28,11 @@
         inativos: 0
       };
     }
-    
+
     const ativos = usuarios.filter(u => u.ativo && !u.bloqueado).length;
     const bloqueados = usuarios.filter(u => u.bloqueado === true).length;
     const inativos = usuarios.filter(u => !u.ativo).length;
-    
+
     return {
       total: usuarios.length,
       ativos,
@@ -58,32 +59,32 @@
   <!-- Stats Cards -->
   {#if stats}
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
-      <StatsCard 
-        title="Total de Usuários" 
-        value={stats.total} 
+      <StatsCard
+        title="Total de Usuários"
+        value={stats.total}
         Icon={Users}
         color="primary"
       />
-      
-      <StatsCard 
-        title="Usuários Ativos" 
-        value={stats.ativos} 
+
+      <StatsCard
+        title="Usuários Ativos"
+        value={stats.ativos}
         description="{stats.total > 0 ? ((stats.ativos / stats.total) * 100).toFixed(1) + '% do total' : '0% do total'}"
         Icon={CheckCircle2}
         color="success"
       />
-      
-      <StatsCard 
-        title="Usuários Bloqueados" 
-        value={stats.bloqueados} 
+
+      <StatsCard
+        title="Usuários Bloqueados"
+        value={stats.bloqueados}
         description="Requerem atenção"
         Icon={Ban}
         color="error"
       />
-      
-      <StatsCard 
-        title="Usuários Inativos" 
-        value={stats.inativos} 
+
+      <StatsCard
+        title="Usuários Inativos"
+        value={stats.inativos}
         description="Desativados"
         Icon={Clock}
         color="warning"
@@ -100,17 +101,17 @@
     <div class="card-body">
       <h2 class="card-title text-2xl mb-4">Ações Rápidas</h2>
       <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
-        <a href="/ti/usuarios" class="btn btn-primary">
+        <a href={resolve("/ti/usuarios")} class="btn btn-primary">
           <Plus class="h-5 w-5" strokeWidth={2} />
           Criar Usuário
         </a>
-        
-        <a href="/ti/perfis" class="btn btn-secondary">
+
+        <a href={resolve("/ti/perfis")} class="btn btn-secondary">
           <Layers class="h-5 w-5" strokeWidth={2} />
           Gerenciar Perfis
         </a>
-        
-        <a href="/ti/auditoria" class="btn btn-accent">
+
+        <a href={resolve("/ti/auditoria")} class="btn btn-accent">
           <FileText class="h-5 w-5" strokeWidth={2} />
           Ver Logs
         </a>