Improve footer visual hierarchy and space usage (#278)

[mahek2016]

Closes #278

📝 Description

This PR improves the footer layout by:

• Reducing unused horizontal space on wide screens
• Evenly distributing footer sections using responsive grid layout
• Improving visual hierarchy and alignment
• Maintaining existing branding, colors, and styling
• Ensuring responsiveness across screen sizes

The update focuses only on structural improvements without redesigning the footer.

🔧 Changes Made

• Replaced flex layout with responsive grid layout
• Balanced spacing between Brand, Links, and Legal sections
• Improved alignment and section hierarchy
• Preserved existing gradient styling and animations

📷 Screenshots

(Add before and after screenshots here)

✅ Checklist

• I have read the contributing guidelines.
• I have tested responsiveness.
• I have ensured design consistency.
• No branding or visual redesign changes were introduced.