fix: enhance layout and styling for footer and body, add portrait image for Bu Sunaidah

src/app/globals.css

@@ -76,18 +76,29 @@ body {
   padding: 0;
   width: 100%;
   max-width: 100%;
-  min-height: 100vh;
   background-color: var(--color-bg);
   color: var(--color-text-primary);
   font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
   overflow-x: hidden;
   overflow-x: clip;
+  overscroll-behavior-y: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   direction: ltr !important;
   text-align: left;
 }
 
+html { background-color: var(--color-bg); }
+
+body {
+  min-height: 100vh;
+  min-height: 100dvh;
+  display: flex;
+  flex-direction: column;
+}
+body > main { flex: 1 0 auto; }
+body > footer { flex: 0 0 auto; }
+
 body {
   background:
     radial-gradient(1200px 700px at 80% -10%, rgba(39, 63, 148, 0.18), transparent 60%),