feat: default language Swedish, modern mobile navigation menu, mobile optimizations & translations, shorten mobile hero banner to 4s

- Set 'sv' as default in LanguageProvider + layout (users can switch to 'en')
- Completely revamped mobile drawer menu: slide animation (framer-motion), icons, active states with high-contrast text, large touch targets, better tap feedback
- Horizontal snap-scrolling category filters on mobile (homepage + /menu) for thumb-friendly UX
- Added active:scale / touch-manipulation + press states across cards, buttons, filters for better mobile tap visibility/feedback
- Updated translations for menu page, locations, footer, experience (Swedish-first)
- Made locations + footer language-aware
- Trimmed banner_mobile.mp4 (raw + re-optimized) from 6s to 4s for faster load on mobile
- Reordered languages so Svenska appears first in switcher
- .gitignore already protects developer_instructions.txt (previous commit)

app/locations/page.tsx

@@ -16,10 +16,16 @@
  * - Both branches now have the same opening hours.
  */
 
+'use client';
+
 import Navbar from "@/components/Navbar";
 import Footer from "@/components/Footer";
+import { useLanguage } from "@/lib/language-context";
+import { getTranslation } from "@/lib/translations";
 
 export default function LocationsPage() {
+  const { language } = useLanguage();
+  const t = getTranslation(language);
   return (
     <div className="min-h-screen bg-[#F8F5F0] text-[#2C2A26]">
       <Navbar />
@@ -27,15 +33,15 @@ export default function LocationsPage() {
       <div className="max-w-5xl mx-auto px-6 pt-20 pb-16">
         <div className="text-center mb-12">
           <div className="text-[#B38B4D] text-xs tracking-[3px] mb-3">WHERE TO FIND US</div>
-          <h1 className="text-6xl md:text-7xl tracking-[-2.5px] leading-none mb-4">Our Locations</h1>
+          <h1 className="text-6xl md:text-7xl tracking-[-2.5px] leading-none mb-4">{language === 'sv' ? 'Våra Platser' : 'Our Locations'}</h1>
           <p className="text-xl text-[#6B665F] max-w-md mx-auto">
-            Two branches in Gothenburg — both serving authentic flavors with the same royal hospitality.
+            {language === 'sv' ? 'Två restauranger i Göteborg — båda serverar autentiska smaker med samma kungliga gästfrihet.' : 'Two branches in Gothenburg — both serving authentic flavors with the same royal hospitality.'}
           </p>
         </div>
 
         <div className="flex justify-center mb-8">
           <a href="/#contact" className="btn-primary px-8 py-3 rounded-full text-sm tracking-[0.5px]">
-            Make a Reservation
+            {t.reserve}
           </a>
         </div>