Loading.tsx for webviews and suspense for footer

app/[lang]/webview/loading.tsx

@@ -0,0 +1,5 @@
+import LoadingSpinner from "@/components/LoadingSpinner"
+
+export default function Loading() {
+  return <LoadingSpinner />
+}

components/Footer/index.tsx

@@ -1,3 +1,5 @@
+import { Suspense } from "react"
+
 import { getFooter, getLanguageSwitcher } from "@/lib/trpc/memoizedRequests"
 
 import FooterDetails from "./Details"
@@ -10,9 +12,11 @@ export function preload() {
 
 export default function Footer() {
   return (
-    <footer>
-      <FooterNavigation />
-      <FooterDetails />
-    </footer>
+    <Suspense>
+      <footer>
+        <FooterNavigation />
+        <FooterDetails />
+      </footer>
+    </Suspense>
   )
 }