feat: refine session workflow with global state, quick tasting, and statistics

src/components/MainContentWrapper.tsx

@@ -0,0 +1,14 @@
+'use client';
+
+import React from 'react';
+import { useSession } from '@/context/SessionContext';
+
+export default function MainContentWrapper({ children }: { children: React.ReactNode }) {
+    const { activeSession } = useSession();
+
+    return (
+        <div className={`transition-all duration-500 ${activeSession ? 'pt-[52px]' : 'pt-0'}`}>
+            {children}
+        </div>
+    );
+}