Implement a responsive and modular footer component

[Pri-21-coder]

Important Points to Note

• I agree to adhere to the project's Code of Conduct.
• I have reviewed and understood the project's Contributing Guidelines.
• I have checked the existing issues and can confirm that this is not a duplicate.
• I have reviewed and understood the project's Issue Creation Guidelines.

Feature Description

Currently, the Code A2Z platform lacks a footer component, which is essential for providing consistent navigation and professional branding across the site.

Objectives:

Implement a responsive, multi-column footer at the bottom of the layout.
Include branding, social media links (GitHub, LinkedIn, Twitter), and quick resource links.
Ensure the design matches the existing dark theme aesthetic.

Expected Behavior:
The footer should be pinned to the bottom of the page or appear after the main content.
It must be fully responsive, stacking columns vertically on mobile devices.
Links should be functional and follow the application's routing.

Screenshots

Tech Stacks

react, tailwindcss, react-icons

Priority

Up to 2 days

Open Source Program

SWOC

Would you like to work on this issue?

Yes

[github-actions]

Thank you for creating this issue! We'll look into it as soon as possible. Your contributions are highly appreciated! 😊
For further communication, join our discord server https://discord.gg/tSqtvHUJzE.

[Avdhesh-Varshney]

@Pri-21-coder After logged in, there will be only workplace, must not have branding footer.

This will be kept for later when branding page will be designing after building some of the features.