feat: move offline indicator to header, rename to Offline-Modus, and redesign tasting form

src/app/sessions/[id]/page.tsx

@@ -12,6 +12,7 @@ import { useParams, useRouter } from 'next/navigation';
 import { useI18n } from '@/i18n/I18nContext';
 import SessionTimeline from '@/components/SessionTimeline';
 import SessionABVCurve from '@/components/SessionABVCurve';
+import OfflineIndicator from '@/components/OfflineIndicator';
 
 interface Buddy {
     id: string;
@@ -206,13 +207,16 @@ export default function SessionDetailPage() {
         <main className="min-h-screen bg-zinc-50 dark:bg-black p-4 md:p-12 lg:p-24">
             <div className="max-w-4xl mx-auto space-y-8">
                 {/* Back Button */}
-                <Link
-                    href="/"
-                    className="inline-flex items-center gap-2 text-zinc-400 hover:text-amber-600 transition-colors font-bold uppercase text-[10px] tracking-[0.2em]"
-                >
-                    <ChevronLeft size={16} />
-                    Alle Sessions
-                </Link>
+                <div className="flex justify-between items-center">
+                    <Link
+                        href="/"
+                        className="inline-flex items-center gap-2 text-zinc-400 hover:text-amber-600 transition-colors font-bold uppercase text-[10px] tracking-[0.2em]"
+                    >
+                        <ChevronLeft size={16} />
+                        Alle Sessions
+                    </Link>
+                    <OfflineIndicator />
+                </div>
 
                 {/* Hero */}
                 <header className="bg-white dark:bg-zinc-900 rounded-3xl p-8 border border-zinc-200 dark:border-zinc-800 shadow-xl relative overflow-hidden group">