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 (
+    <Suspense>
       <footer>
         <FooterNavigation />
         <FooterDetails />
       </footer>
+    </Suspense>
   )
 }