fix my page header

src/components/Header.tsx

@@ -1,10 +1,12 @@
 import Image from 'next/image';
 import { useTranslations } from 'next-intl';
+import { Link } from '@/i18n/routing';
 import { LanguageSwitcher } from './LanguageSwitcher';
 
 export function Header() {
   const t = useTranslations('header');
   const c = useTranslations('common');
+  const cu = useTranslations('customer');
   return (
     <header className="border-b border-brand-700 bg-brand-600 text-white">
       <div className="mx-auto flex max-w-5xl items-center justify-between gap-3 px-4 py-3 sm:py-5">
@@ -28,7 +30,15 @@ export function Header() {
             </div>
           </div>
         </div>
-        <LanguageSwitcher />
+        <div className="flex items-center gap-2 sm:gap-3">
+          <Link
+            href="/min-sida"
+            className="rounded-md border border-white/20 bg-white/10 px-2.5 py-1 text-xs font-medium text-white backdrop-blur-sm transition-colors hover:bg-white/20 sm:px-3 sm:py-1.5"
+          >
+            {cu('navTitle')}
+          </Link>
+          <LanguageSwitcher />
+        </div>
       </div>
     </header>
   );