Skeleton loader for footer

app/[lang]/(live)/@footer/loading.tsx

@@ -1,11 +1,17 @@
 import { env } from "@/env/server"
 
 import CurrentLoadingSpinner from "@/components/Current/LoadingSpinner"
-import LoadingSpinner from "@/components/LoadingSpinner"
+import { FooterDetailsSkeleton } from "@/components/Footer/Details"
+import { FooterNavigationSkeleton } from "@/components/Footer/Navigation"
 
 export default function LoadingFooter() {
   if (env.HIDE_FOR_NEXT_RELEASE) {
     return <CurrentLoadingSpinner />
   }
-  return <LoadingSpinner />
+  return (
+    <footer>
+      <FooterNavigationSkeleton />
+      <FooterDetailsSkeleton />
+    </footer>
+  )
 }