feat: add initial cinematic loader and global shutter page transitions

Former-commit-id: 641bf3103e29559d7bdff1dc1e034b21a11dbad6

components/layout/LanguageSwitcher.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import Link from 'next/link';
+import { TransitionLink } from '@/components/ui/TransitionLink';
 import { usePathname } from 'next/navigation';
 import { HoverShineOverlay } from '@/components/ui/HoverShineOverlay';
 
@@ -27,7 +27,7 @@ export function LanguageSwitcher({ mobile = false, isSolidMode = false }: Langua
     return (
       <div className="flex flex-col gap-3">
         {locales.map((loc) => (
-          <Link
+          <TransitionLink
             key={loc.code}
             href={getSwitchedUrl(loc.code)}
             className={`group relative overflow-hidden flex items-center gap-3 px-5 py-3 rounded-xl text-lg font-semibold transition-all duration-300 ${
@@ -45,7 +45,7 @@ export function LanguageSwitcher({ mobile = false, isSolidMode = false }: Langua
                 <polyline points="20 6 9 17 4 12" />
               </svg>
             )}
-          </Link>
+          </TransitionLink>
         ))}
       </div>
     );
@@ -73,7 +73,7 @@ export function LanguageSwitcher({ mobile = false, isSolidMode = false }: Langua
         }
 
         return (
-          <Link
+          <TransitionLink
             key={loc.code}
             href={getSwitchedUrl(loc.code)}
             className={`relative z-10 flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-bold uppercase tracking-wider transition-all duration-300 ${linkClass}`}
@@ -81,7 +81,7 @@ export function LanguageSwitcher({ mobile = false, isSolidMode = false }: Langua
           >
             <span className="text-sm" aria-hidden="true">{loc.flag}</span>
             <span>{loc.label}</span>
-          </Link>
+          </TransitionLink>
         );
       })}
     </div>