fix(web): keep locale on info page back link

The back link pointed at /, which now redirects through browser
locale detection instead of always /it. Link to the current locale
and match the localized href in the e2e specs.

Author: vekexasia

web/e2e/info.spec.ts

@@ -27,7 +27,7 @@ test.describe("Info Page", () => {
 
   test("should display back navigation button", async ({ page }) => {
     // Check that the back button (link to home) exists
-    const backLink = page.locator('header a[href="/"]');
+    const backLink = page.locator('header a[href^="/it"]');
     await expect(backLink).toBeVisible();
 
     // Check that the back arrow SVG is present
@@ -73,7 +73,7 @@ test.describe("Info Page", () => {
     page,
   }) => {
     // Click the back button
-    const backLink = page.locator('header a[href="/"]');
+    const backLink = page.locator('header a[href^="/it"]');
     await backLink.click();
 
     // Wait for navigation

web/src/app/[locale]/info/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useEffect } from "react";
-import { useTranslations } from "@/lib/i18n";
+import { useTranslations, useLocale } from "@/lib/i18n";
 import Link from "next/link";
 import { useRestaurantStore } from "@/stores/restaurantStore";
 import { LoadingScreen, ErrorScreen } from "@/components/ui/StatusScreen";
@@ -11,6 +11,7 @@ const DAYS = ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday"
 
 export default function InfoPage() {
   const t = useTranslations();
+  const locale = useLocale();
   const { data, isLoading, error, loadRestaurant } = useRestaurantStore();
 
   useEffect(() => {
@@ -37,7 +38,7 @@ export default function InfoPage() {
     <main className="min-h-screen bg-gray-100">
       <header className="bg-primary text-white p-4">
         <div className="flex items-center gap-4">
-          <Link href="/" className="text-white">
+          <Link href={`/${locale}`} className="text-white">
             <svg
               xmlns="http://www.w3.org/2000/svg"
               fill="none"