refactor: update layout to use min-height and enable vertical scrolling for main content.

Author: PramithaMJ

src/components/Layout/Layout.module.css

@@ -8,7 +8,8 @@
 .mainContent {
     flex: 1;
     display: flex;
-    overflow: hidden;
+    flex-direction: column;
+    overflow-y: auto;
     position: relative;
     background-color: var(--color-bg-primary);
 }

src/components/Layout/Layout.tsx

@@ -17,9 +17,12 @@ export function Layout({ children, moduleNav }: LayoutProps) {
     return (
         <div className={styles.appContainer}>
             <Header moduleNav={moduleNav} />
-            <main className={styles.mainContent}>{children}</main>
-            <Footer />
+            <main className={styles.mainContent}>
+                {children}
+                <Footer />
+            </main>
         </div>
     );
 }
 
+