refactor: update layout styles to use min-height and adjust footer placement

Author: PramithaMJ

src/components/Layout/Layout.module.css

@@ -1,15 +1,13 @@
 .appContainer {
     display: flex;
     flex-direction: column;
-    height: 100vh;
-    overflow: hidden;
+    min-height: 100vh;
 }
 
 .mainContent {
     flex: 1;
     display: flex;
     flex-direction: column;
-    overflow-y: auto;
     position: relative;
     background-color: var(--color-bg-primary);
 }

src/components/Layout/Layout.tsx

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