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

routing

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

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { resolve } from '$app/paths';
   const menuItems = [
     {
       categoria: "Gestão de Ausências",
@@ -27,7 +28,7 @@
   <!-- Breadcrumb -->
   <div class="text-sm breadcrumbs mb-4">
     <ul>
-      <li><a href="/" class="text-primary hover:underline">Dashboard</a></li>
+      <li><a href={resolve('/')} class="text-primary hover:underline">Dashboard</a></li>
       <li>Secretaria de Gestão de Pessoas</li>
     </ul>
   </div>

apps/web/src/routes/(dashboard)/gestao-pessoas/gestao-ausencias/+page.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
+	import { resolve } from '$app/paths';
 	import { useQuery, useConvexClient } from 'convex-svelte';
 	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import AprovarAusencias from '$lib/components/AprovarAusencias.svelte';
@@ -72,7 +73,7 @@
 	<div class="breadcrumbs mb-4 text-sm">
 		<ul>
 			<li>
-				<a href="/gestao-pessoas" class="text-primary hover:underline"
+				<a href={resolve('/gestao-pessoas')} class="text-primary hover:underline"
 					>Secretaria de Gestão de Pessoas</a
 				>
 			</li>
@@ -105,7 +106,7 @@
 					<p class="text-base-content/70">Visão geral de todas as solicitações de ausências</p>
 				</div>
 			</div>
-			<button class="btn gap-2" onclick={() => goto('/gestao-pessoas')}>
+			<button class="btn gap-2" onclick={() => goto(resolve('/gestao-pessoas'))}>
 				<svg
 					xmlns="http://www.w3.org/2000/svg"
 					class="h-5 w-5"