fix: refactor footer layout to grid

[Mannatkathuria]

Description

Refactored the landing page footer CSS to fix an asymmetrical, left-clustered layout and significantly improve typography contrast/accessibility—all achieved entirely via pure CSS modifications to ensure zero impact on existing markup and application logic.

Changes Made

• Layout Distribution: Converted the layout into a flexible CSS Grid system on desktop environments to eliminate empty right-side void space and balance navigation blocks across the viewport.
• Vertical Rhythm & Spacing: Adjusted margins and padding (specifically adding explicit spacing below the branding paragraph text on mobile configurations) to prevent content collisions and maintain a clean layout flow.
• Accessibility & Contrast Upgrades: Upgraded text elements from var(--text-muted) to var(--text-secondary) and headings to var(--text-primary) to comply with WCAG high-contrast dark theme standards.
• Interaction Enhancements: Implemented an active white hover state coupled with a premium visual shift (translateX) for an improved interactive feel.

Testing Done

• Verified responsiveness across mobile breakpoint views and desktop wide-screen configurations.
• Checked contrast and element alignment directly against current active layouts.

[vercel]

@Mannatkathuria is attempting to deploy a commit to the Mayo's projects Team on Vercel.

A member of the Team first needs to authorize it.

[Mannatkathuria]

I've enhanced the footer as i said

Thank You so much @mayo-byte07 , i"ve really enjoyed and learned while contributing