fix: remove layout spacing issues around navbar and footer

[yuvraj-k-singh]

📝 Description

Fixed layout issues across the page where both the navbar and footer sections had broken structural spacing.

1. Navbar Section Spacing Bug: Resolved an issue where an excessive, unnecessary dark green vertical space was rendering directly underneath the floating island navbar, pushing the main hero content down awkwardly.
2. Footer Section Spacing Bug: Fixed a layout bug where the footer was floating/lifted upward on pages with short content, leaving a large, empty gap underneath it.

Turned the global page wrapper structure into a tight Flexbox column layout by setting min-height: 100vh on the body element and utilizing flex: 1 0 auto on the <main> content container. This forces the <main> container to expand dynamically and absorb any remaining vertical space, ensuring that the footer remains cleanly pinned to the absolute bottom of the viewport even if the main page content collapses or is short. Added strict CSS specificity overrides to clean up element padding and ensure these structural layout properties take precedence over conflicting external stylesheets.

🔗 Linked Issue

Closes #493

---

📋 Contribution Checklist

• My code strictly adheres to the project guidelines (Standard library only, procedural code, clean spacing).
• I have verified that my files are placed in the correct directory.
• I have tested my changes thoroughly on my local machine.
• I have included interactive emojis and clean console/UI outputs.
• GSSoC 2026: I have been formally assigned to this issue and noted it above.

[vercel]

@yuvraj-k-singh is attempting to deploy a commit to the Anuj's projects Team on Vercel.

A member of the Team first needs to authorize it.