Merged in fix/missing-skeletons (pull request #3486)

fix: Missing footer skeletons

* Fix footer skeletons

* Remove unused export


Approved-by: Matilda Landström

apps/scandic-web/components/Footer/index.tsx

@@ -1,7 +1,9 @@
+import { Suspense } from "react"
+
 import { getFooter } from "@/lib/trpc/memoizedRequests"
 
-import FooterDetails from "./Details"
-import FooterNavigation from "./Navigation"
+import FooterDetails, { FooterDetailsSkeleton } from "./Details"
+import FooterNavigation, { FooterNavigationSkeleton } from "./Navigation"
 
 import styles from "./footer.module.css"
 
@@ -14,8 +16,12 @@ export default async function Footer() {
 
   return (
     <footer className={styles.footer}>
+      <Suspense fallback={<FooterNavigationSkeleton />}>
         <FooterNavigation />
+      </Suspense>
+      <Suspense fallback={<FooterDetailsSkeleton />}>
         <FooterDetails />
+      </Suspense>
     </footer>
   )
 }

apps/scandic-web/components/Header/MainMenu/MyPagesMenuWrapper/index.tsx

@@ -105,7 +105,7 @@ export default function MyPagesMenuWrapper() {
   )
 }
 
-export function MyPagesMenuWrapperSkeleton() {
+function MyPagesMenuWrapperSkeleton() {
   return (
     <div>
       <MyPagesMenuSkeleton />