fix: add footer z index in transition group to stay above main content during transitions

src/shared/styles/theme.css

@@ -411,3 +411,12 @@
     transform: translateX(0) scale(1);
   }
 }
+
+/* Keep footer above sliding section-body during view transitions */
+.footer-vt {
+  view-transition-name: site-footer;
+}
+
+::view-transition-group(site-footer) {
+  z-index: 10;
+}

src/widgets/Footer/ui/Footer/Footer.tsx

@@ -19,7 +19,7 @@ export async function Footer() {
   const socials = contacts?.expand?.socials ?? [];
 
   return (
-    <footer className="fixed bottom-0 left-0 right-0 z-50 h-footer md:h-footer-wide brutal-border-top bg-background px-4 sm:px-8 lg:px-16 flex items-center">
+    <footer className="footer-vt fixed bottom-0 left-0 right-0 z-50 h-footer md:h-footer-wide brutal-border-top bg-background px-4 sm:px-8 lg:px-16 flex items-center">
       <div className="w-full flex flex-row justify-between gap-4">
         <div className="flex flex-wrap items-center gap-6 sm:gap-4">
           {email && (