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)/perfil/+page.svelte

@@ -7,6 +7,7 @@
 	import AprovarAusencias from '$lib/components/AprovarAusencias.svelte';
 	import CalendarioAusencias from '$lib/components/ausencias/CalendarioAusencias.svelte';
 	import { generateAvatarGallery } from '$lib/utils/avatars';
+	import ProtectedRoute from '$lib/components/ProtectedRoute.svelte';
 	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
 	import { X, Calendar } from 'lucide-svelte';
 	import type { FunctionReturnType } from 'convex/server';
@@ -365,6 +366,7 @@
 	}
 </script>
 
+<ProtectedRoute>
 <main class="min-h-screen pb-12">
 	<!-- BANNER HERO PREMIUM -->
 	<div class="relative mb-8 overflow-hidden">
@@ -2264,6 +2266,7 @@
 		</dialog>
 	{/if}
 </main>
+</ProtectedRoute>
 
 <!-- Modal Wizard Solicitação de Férias -->
 {#if mostrarWizard && funcionarioIdDisponivel}