feat: implement responsive footer

[KajalAhir23]

Description

This PR improves the footer component by making it fully responsive across all device sizes (Mobile, Tablet, Laptop, and Desktop). It cleans up the layout, adjusts the column gaps for better readability, and ensures the copyright text is properly centered.

Fixes # (issue number)

Changes Made

• Added a consolidated, responsive footer layout in style.css.
• Implemented specific media queries for Mobile (up to 480px), Tablet (up to 768px), Laptop (up to 1024px), and PC (1025px+).
• Refined the grid structure for the three main footer columns to prevent layout stretching.
• Ensured the copyright section is centered across all viewports.

Screenshots (if applicable)

• Before :

• After :

Checklist

• I have linked the relevant issue above.
• I have tested my changes locally.
• My code follows the project's style guidelines.

[vercel]

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

A member of the Team first needs to authorize it.