refactor: integrate ProtectedRoute component across dashboard pages

- Added the ProtectedRoute component to various dashboard pages to enforce authentication and role-based access control.
- Updated allowedRoles and maxLevel parameters for specific routes to align with the new permission management structure.
- Enhanced user experience by ensuring consistent access checks across the application.

apps/web/src/routes/(dashboard)/+page.svelte

@@ -7,6 +7,7 @@
   import { resolve } from "$app/paths";
   import { UserPlus, Mail } from "lucide-svelte";
   import { useAuth } from "@mmailaender/convex-better-auth-svelte/svelte";
+  import ProtectedRoute from "$lib/components/ProtectedRoute.svelte";
 
   let { data } = $props();
 
@@ -128,6 +129,7 @@
   }
 </script>
 
+<ProtectedRoute>
 <main class="container mx-auto px-4 py-4">
   <!-- Alerta de Acesso Negado / Autenticação -->
   {#if showAlert}
@@ -823,6 +825,7 @@
     </div>
   {/if}
 </main>
+</ProtectedRoute>
 
 <style>
   @keyframes fadeIn {