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

routing

apps/web/src/routes/(dashboard)/ti/personalizar-permissoes/+page.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import ProtectedRoute from '$lib/components/ProtectedRoute.svelte';
 	import { goto } from '$app/navigation';
+	import { resolve } from '$app/paths';
 </script>
 
 <ProtectedRoute allowedRoles={['admin', 'ti']} maxLevel={1}>
@@ -8,7 +9,7 @@
 	<div class="breadcrumbs mb-4 text-sm">
 		<ul>
 			<li>
-				<a href="/" class="text-primary hover:text-primary-focus">
+				<a href={resolve('/')} class="text-primary hover:text-primary-focus">
 					<svg
 						xmlns="http://www.w3.org/2000/svg"
 						class="h-4 w-4"
@@ -27,7 +28,7 @@
 				</a>
 			</li>
 			<li>
-				<a href="/ti" class="text-primary hover:text-primary-focus">TI</a>
+				<a href={resolve('/ti')} class="text-primary hover:text-primary-focus">TI</a>
 			</li>
 			<li class="font-semibold">Personalizar Permissões</li>
 		</ul>
@@ -58,7 +59,7 @@
 					Agora as permissões são configuradas por ação em cada perfil no painel de permissões.
 				</p>
 			</div>
-			<button class="btn gap-2" onclick={() => goto('/ti')}>
+			<button class="btn gap-2" onclick={() => goto(resolve('/ti'))}>
 				<svg
 					xmlns="http://www.w3.org/2000/svg"
 					class="h-5 w-5"
@@ -94,7 +95,7 @@
 		<span>
 			A personalização por usuário foi substituída por <strong>permissões por ação</strong>
 			por perfil. Utilize o
-			<a href="/ti/painel-permissoes" class="link link-primary">Painel de Permissões</a> para configurar.
+			<a href={resolve('/ti/painel-permissoes')} class="link link-primary">Painel de Permissões</a> para configurar.
 		</span>
 	</div>
 </ProtectedRoute>