improve: Enhance UI/UX of firstcontributions.github.io

[SahilArate]

Closes #501

Changes Made

🧭 Navbar

• Added brand logo and name with gradient
• Made navbar sticky so it stays on scroll
• Improved spacing and hover states

🎨 Hero Section

• Added "Open Source for Everyone" badge
• Added subtitle paragraph
• Added stats section (100+ Projects, ∞ Opportunities, 5 min to get started)

🔍 Search & Filter

• Added icons inside search and tag filter inputs
• Added "Showing X of Y projects" results count
• Fixed broken Card-Real-Link reference in filter script
• Added 2-column layout for tablets

🦶 Footer

• Added brand new Footer component
• Community and Resources link columns
• Copyright line

📱 Responsiveness

• All components fully responsive on mobile and tablet

Images:

[Sean-Kenneth-Doherty]

I tested this branch locally. GITHUB_TOKEN=$(gh auth token) pnpm build passes, and the generated homepage does include the new search/filter icons, result count, and footer.

A few concrete cleanup items before this is merge-ready:

• git diff --check main...HEAD currently fails with trailing whitespace in src/components/App.astro lines 11 and 22.
• The PR includes generated .astro/* files. Those should be restored/removed from the branch so the diff stays source-only.
• The icon spans in ProjectList.astro are decorative, so they should use aria-hidden="true" to avoid screen readers announcing the emoji before the actual input labels.

One nice thing: the old .Card-Real-Link selector is gone from the built homepage script, so that part of the search/filter update looks good.