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

routing

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

@@ -1,11 +1,12 @@
 <script lang="ts">
   import { ShoppingCart, ShoppingBag, Plus } from "lucide-svelte";
+  import { resolve } from "$app/paths";
 </script>
 
 <main class="container mx-auto px-4 py-4">
   <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>Compras</li>
     </ul>
   </div>