fix: Add missing locale in links

apps/storefront/src/app/[locale]/(main)/_components/navigation.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import { useLocale } from "next-intl";
 import { useState } from "react";
 
 import type { Menu } from "@nimara/domain/objects/Menu";
@@ -19,6 +20,7 @@ import type { Maybe } from "@/lib/types";
 export const Navigation = ({ menu }: { menu: Maybe<Menu> }) => {
   // Close menu manually
   const [currentMenuItem, setCurrentMenuItem] = useState("");
+  const locale = useLocale();
 
   if (!menu || menu?.items?.length === 0) {
     return null;
@@ -36,6 +38,7 @@ export const Navigation = ({ menu }: { menu: Maybe<Menu> }) => {
             <Link
               href={item.url}
               className="text-inherit no-underline hover:underline"
+              locale={locale}
             >
               <NavigationMenuTrigger showIcon={!!item.children?.length}>
                 {item.label}
@@ -53,6 +56,7 @@ export const Navigation = ({ menu }: { menu: Maybe<Menu> }) => {
                             key={child.id}
                             href={child.url}
                             className="group block space-y-1 rounded-md p-3 hover:bg-accent"
+                            locale={locale}
                           >
                             <div className="text-sm font-medium leading-none">
                               {child.label}
@@ -83,6 +87,7 @@ export const Navigation = ({ menu }: { menu: Maybe<Menu> }) => {
                             href={child.url}
                             className="group relative min-h-[270px] overflow-hidden rounded-lg bg-accent"
                             onClick={() => setCurrentMenuItem("")}
+                            locale={locale}
                           >
                             <div
                               className="h-1/2 bg-cover bg-center"

apps/storefront/src/app/[locale]/order/confirmation/[id]/page.tsx

@@ -2,6 +2,7 @@ import { getTranslations } from "next-intl/server";
 
 import { Button } from "@nimara/ui/components/button";
 
+import { Link } from "@/i18n/routing";
 import { paths } from "@/lib/paths";
 
 import { CheckoutRemover } from "./components/checkout-remover";
@@ -26,7 +27,7 @@ export default async function Page() {
         {t.rich("order-confirmation.paragraph", { br: () => <br /> })}
       </p>
       <Button className="justify-self-center" asChild>
-        <a href={paths.home.asPath()}>{t("common.back-to-homepage")}</a>
+        <Link href={paths.home.asPath()}>{t("common.back-to-homepage")}</Link>
       </Button>
       <CheckoutRemover />
     </div>

apps/storefront/src/components/footer/footer.tsx

@@ -1,4 +1,4 @@
-import { getTranslations } from "next-intl/server";
+import { getLocale, getTranslations } from "next-intl/server";
 
 import NimaraLogo from "@/assets/nimara-logo.svg";
 import { CACHE_TTL } from "@/config";
@@ -8,7 +8,8 @@ import { getCurrentRegion } from "@/regions/server";
 import { cmsMenuService } from "@/services/cms";
 
 export const Footer = async () => {
-  const [region, t] = await Promise.all([
+  const [locale, region, t] = await Promise.all([
+    getLocale(),
     getCurrentRegion(),
     getTranslations(),
   ]);
@@ -47,6 +48,7 @@ export const Footer = async () => {
                 className="flex justify-start align-middle"
                 href={paths.home.asPath()}
                 title={t("common.go-to-homepage")}
+                locale={locale}
               >
                 <NimaraLogo height={36} />
               </Link>
@@ -73,7 +75,9 @@ export const Footer = async () => {
               <ul className="grid gap-4">
                 {categories?.menu.items.map((item) => (
                   <li key={item.id}>
-                    <Link href={item.url}>{item.label}</Link>
+                    <Link href={item.url} locale={locale}>
+                      {item.label}
+                    </Link>
                   </li>
                 ))}
               </ul>
@@ -84,7 +88,9 @@ export const Footer = async () => {
               <ul className="grid gap-4">
                 {pages?.menu.items.map((item) => (
                   <li key={item.id}>
-                    <Link href={item.url}>{item.label}</Link>
+                    <Link href={item.url} locale={locale}>
+                      {item.label}
+                    </Link>
                   </li>
                 ))}
               </ul>

apps/storefront/src/lib/server.ts

@@ -1,6 +1,16 @@
 import { headers } from "next/headers";
+import { getLocale } from "next-intl/server";
 
-export const getStoreUrl = async () =>
-  `${(await headers()).get("x-forwarded-proto")}://${(await headers()).get(
-    "x-forwarded-host",
-  )}`;
+import { localePrefixes } from "@/i18n/routing";
+import { DEFAULT_LOCALE, type Locale } from "@/regions/types";
+
+export const getStoreUrl = async () => {
+  const locale = await getLocale();
+  const domain = `${(await headers()).get("x-forwarded-proto")}://${(
+    await headers()
+  ).get("x-forwarded-host")}`;
+
+  return locale === DEFAULT_LOCALE
+    ? domain
+    : `${domain}${localePrefixes[locale as Exclude<Locale, typeof DEFAULT_LOCALE>]}`;
+};