feat(web): redesign navigation with centered logo and smooth page transitions

- Replace sidebar nav with centered header featuring PAC-MAN title
- Add glimmer animation effect for non-active logo state
- Implement 200ms fade transitions between pages
- Add custom scrollbar styling with OverlayScrollbars
- Switch to Russo One font for title, Outfit for body text

web/pages/index/+Layout.tsx

@@ -2,8 +2,8 @@ import "../../layouts/tailwind.css";
 
 export default function GameLayout({ children }: { children: React.ReactNode }) {
   return (
-    <div className="bg-black text-yellow-400 min-h-screen flex flex-col">
-      <main className="flex-1">{children}</main>
+    <div className="bg-black text-yellow-400 h-full flex flex-col overflow-hidden">
+      <main className="flex-1 overflow-hidden">{children}</main>
     </div>
   );
 }

web/pages/index/+Page.tsx

@@ -71,12 +71,11 @@ export default function Page() {
   }, [gameReady, gameStarted, handleInteraction]);
 
   return (
-    <div className="mt-4 flex justify-center h-[calc(100vh-120px)]">
+    <div className="flex justify-center items-center h-full pt-4">
       <div
-        className="relative block border-1 border-yellow-400/50 aspect-[5/6] h-[min(calc(100vh-120px),_calc(95vw_*_6/5))] w-auto"
+        className="relative block aspect-[5/6]"
         style={{
-          boxShadow:
-            "0 0 12px rgba(250, 204, 21, 0.35), 0 0 2px rgba(255, 255, 255, 0.25)",
+          height: "min(calc(100vh - 96px), calc((100vw - 32px) * 6 / 5))",
         }}
         onClick={handleInteraction}
       >