Small changes and fix zooming

frontend/src/components/ui/Header.tsx

@@ -21,6 +21,17 @@ export type Page =
   | 'dashboard'
   | 'learn'
   | 'pricing'
+  | 'property-price-map'
+  | 'postcode-property-search'
+  | 'commute-property-search'
+  | 'school-property-search'
+  | 'postcode-checker'
+  | 'birmingham-property-search'
+  | 'manchester-property-search'
+  | 'bristol-property-search'
+  | 'data-sources'
+  | 'methodology'
+  | 'privacy-security'
   | 'account'
   | 'saved'
   | 'invites'
@@ -31,6 +42,17 @@ export const PAGE_PATHS: Record<Page, string> = {
   dashboard: '/dashboard',
   learn: '/learn',
   pricing: '/pricing',
+  'property-price-map': '/property-price-map',
+  'postcode-property-search': '/postcode-property-search',
+  'commute-property-search': '/commute-property-search',
+  'school-property-search': '/school-property-search',
+  'postcode-checker': '/postcode-checker',
+  'birmingham-property-search': '/property-search/birmingham',
+  'manchester-property-search': '/property-search/manchester',
+  'bristol-property-search': '/property-search/bristol',
+  'data-sources': '/data-sources',
+  methodology: '/methodology',
+  'privacy-security': '/privacy-security',
   saved: '/saved',
   invites: '/invites',
   account: '/account',
@@ -134,7 +156,7 @@ export default function Header({
           onClick={(e) => navLink('home', e)}
         >
           <LogoIcon className="w-5 h-5 text-teal-400" />
-          <span className="font-semibold text-lg">{t('header.appName')}</span>
+          <span className="text-lg font-semibold text-teal-300">{t('header.appName')}</span>
         </a>
 
         {/* Desktop nav */}