Set min-height on layout loaders

app/[lang]/(live)/(protected)/my-pages/loading.tsx

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

app/[lang]/(live)/(public)/loading.tsx

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

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

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

components/LoadingSpinner/index.tsx

@@ -1,8 +1,8 @@
 import styles from "./loading.module.css"
 
-export default function LoadingSpinner() {
+export default function LoadingSpinner({ fullPage }: { fullPage?: boolean }) {
   return (
-    <div className={styles.container}>
+    <div className={`${styles.container} ${fullPage ? styles.fullPage : ""}`}>
       <div className={styles.spinner}>
         <div></div>
         <div></div>

components/LoadingSpinner/loading.module.css

@@ -5,6 +5,10 @@
   height: 100px;
 }
 
+.fullPage {
+  min-height: 100dvh;
+}
+
 .spinner {
   display: inline-block;
   position: relative;