fix: move Markets to demand side of nav + translate mobile sections

Markets now sits left of logo with Planner and Quotes (investor/demand
side). Mobile section headers use i18n keys instead of hardcoded English.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

web/src/padelnomics/locales/de.json

@@ -11,6 +11,9 @@
   "nav_signout": "Abmelden",
   "nav_dashboard": "Dashboard",
   "nav_admin": "Admin",
+  "nav_section_plan": "Planen & Entdecken",
+  "nav_section_suppliers": "Anbieter",
+  "nav_section_account": "Konto",
   "footer_tagline": "Plane, finanziere und baue dein Padel-Business.",
   "footer_product": "Produkt",
   "footer_legal": "Rechtliches",

web/src/padelnomics/locales/en.json

@@ -11,6 +11,9 @@
   "nav_signout": "Sign Out",
   "nav_dashboard": "Dashboard",
   "nav_admin": "Admin",
+  "nav_section_plan": "Plan & Research",
+  "nav_section_suppliers": "Suppliers",
+  "nav_section_account": "Account",
   "footer_tagline": "Plan, finance, and build your padel business.",
   "footer_product": "Product",
   "footer_legal": "Legal",

web/src/padelnomics/templates/base.html

@@ -50,9 +50,10 @@
         </svg>
       </button>
 
-      <!-- Left: demand / buy side (desktop only) -->
+      <!-- Left: demand / investor side (desktop only) -->
       <div class="nav-links nav-links--left">
         <a href="{{ url_for('planner.index') }}">{{ t.nav_planner }}</a>
+        <a href="{{ url_for('content.markets') }}">{{ t.nav_markets }}</a>
         <a href="{{ url_for('leads.quote_request') }}">{{ t.nav_quotes }}</a>
       </div>
 
@@ -64,7 +65,6 @@
       <!-- Right: supply side + auth (desktop only) -->
       <div class="nav-links nav-links--right">
         <a href="{{ url_for('directory.index') }}">{{ t.nav_directory }}</a>
-        <a href="{{ url_for('content.markets') }}">{{ t.nav_markets }}</a>
         <a href="{{ url_for('public.suppliers') }}">{{ t.nav_suppliers }}</a>
         <a href="{{ url_for('public.landing') }}#faq">{{ t.nav_help }}</a>
         {% if user %}
@@ -91,18 +91,18 @@
 
     <!-- Mobile menu panel — sign-in excluded (it lives in the bar); account section shown only for logged-in users -->
     <div class="nav-mobile" id="nav-mobile-panel">
-      <span class="nav-mobile-section">Plan</span>
+      <span class="nav-mobile-section">{{ t.nav_section_plan }}</span>
       <a href="{{ url_for('planner.index') }}">{{ t.nav_planner }}</a>
+      <a href="{{ url_for('content.markets') }}">{{ t.nav_markets }}</a>
       <a href="{{ url_for('leads.quote_request') }}">{{ t.nav_quotes }}</a>
 
-      <span class="nav-mobile-section">Explore</span>
+      <span class="nav-mobile-section">{{ t.nav_section_suppliers }}</span>
       <a href="{{ url_for('directory.index') }}">{{ t.nav_directory }}</a>
-      <a href="{{ url_for('content.markets') }}">{{ t.nav_markets }}</a>
       <a href="{{ url_for('public.suppliers') }}">{{ t.nav_suppliers }}</a>
       <a href="{{ url_for('public.landing') }}#faq">{{ t.nav_help }}</a>
 
       {% if user %}
-      <span class="nav-mobile-section">Account</span>
+      <span class="nav-mobile-section">{{ t.nav_section_account }}</span>
       <a href="{{ url_for('dashboard.index') }}">{{ t.nav_dashboard }}</a>
       {% if is_admin %}
       <a href="{{ url_for('admin.index') }}">{{ t.nav_admin }}</a>