feat: enhance footer with multi-column layout, navigation, social icons

[ankeeta-mohanty]

What does this PR do?

Replaces the minimal 2-line footer with a responsive, accessible 3-column footer
(Brand · Navigate · Community) matching the site's existing dark/amber color scheme, adding navigation links, social icons and community resources,

Type of change

• New project under Projects/
• Fix or improvement to an existing project
• Showcase page / workflow / docs change

Checklist

• I read CONTRIBUTING.md.
• My folder name is Title Case with real spaces (e.g. To Do Web App).
• My folder contains README.md, project.json and index.html.
• project.json is valid and title matches the folder name.
• The project opens by double-clicking index.html — no build step.
• No console errors, no tracking scripts, no third-party iframes.
• I respect the Code of Conduct.

Note on unchecked folder items: This PR modifies index.html and style.css at the root level, not a project folder under Projects/ — those three checklist items do not apply to this change.

⚠️ Extra Enhancement — External Dependency Added: Font Awesome 6.5 is loaded via cdnjs.cloudflare.com for the social brand icons. The original codebase had zero external dependencies. Happy to swap these for inline SVGs if preferred. Please consider adding a dependencies label to this PR.

Linked issue

Closes #73

[github-actions]

PR failed checks: Changes must be limited to a single new project folder under Projects/. Do not modify the root project.json or files outside the new folder.