feat: add YouTube icon to website footer

[ankitkr104]

• Add YouTube icon import from FontAwesome brands
• Add YouTube link pointing to https://www.youtube.com/@AOSSIE-Org
• Maintain consistent styling with existing social media icons
• Include proper accessibility label for screen readers
• Ensure responsive design and theme support

Fixes #650

Screenshots/Recordings:

Additional Notes:

This change improves accessibility to AOSSIE’s social media platforms and keeps the footer consistent with other social links.

AI Usage Disclosure:

We encourage contributors to use AI tools responsibly when creating Pull Requests. While AI can be a valuable aid, it is essential to ensure that your contributions meet the task requirements, build successfully, include relevant tests, and pass all linters. Submissions that do not meet these standards may be closed without warning to maintain the quality and integrity of the project. Please take the time to understand the changes you are proposing and their impact. AI slop is strongly discouraged and may lead to banning and blocking. Do not spam our repos with AI slop.

Check one of the checkboxes below:

• This PR does not contain AI-generated code at all.
• This PR contains AI-generated code. I have read the AI Usage Policy and this PR complies with this policy. I have tested the code locally and I am responsible for it.

I have used the following AI models and tools: TODO

Checklist

• My PR addresses a single issue, fixes a single bug or makes a single improvement.
• My code follows the project's code style and conventions
• If applicable, I have made corresponding changes or additions to the documentation
• If applicable, I have made corresponding changes or additions to tests
• My changes generate no new warnings or errors
• I have joined the Discord server and I will share a link to this PR with the project maintainers there
• I have read the Contribution Guidelines
• Once I submit my PR, CodeRabbit AI will automatically review it and I will address CodeRabbit's comments.
• I have filled this PR template completely and carefully, and I understand that my PR may be closed without review otherwise.

Summary by CodeRabbit

• New Features
  • Added YouTube social link to the footer.

[coderabbitai]

📝 Walkthrough

Walkthrough

This PR adds a YouTube social media icon and link to the website footer component. The change imports the YouTube icon from FontAwesome's brands library and renders it alongside existing social links in the Footer component, providing a new pathway to the AOSSIE YouTube channel.

Changes

Cohort / File(s)	Summary
YouTube Social Link Addition src/components/shared/Footer.jsx	Adds YouTube icon import from FontAwesome brands and renders a new social link with the YouTube icon and channel URL in the footer's social links section.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Possibly related PRs

• feat: add LinkedIn social icon to hero section and footer #624: Adds LinkedIn social icon to Footer component, following the same pattern of extending footer social links with a new brand icon.
• fix: remove GitLab social icon from relevant locations in landing page #621: Modifies Footer social links by removing GitLab icon, indicating active maintenance of the footer's social media presence.
• fix: replace Twitter icon with X logo and update FontAwesome packages #623: Replaces Twitter with X icon in Footer by updating FontAwesome icon imports, demonstrating related changes to footer social icon implementations.

Suggested reviewers

• Zahnentferner

Poem

🐰 A rabbit hops with glee,
YouTube linked for all to see!
Social icons, shiny and bright,
Hop, skip, jump—the footer's just right! 📺

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly summarizes the main change: adding a YouTube icon to the website footer, which matches the primary objective of the pull request.
Linked Issues check	✅ Passed	The PR successfully addresses all coding requirements from issue #650: imports YouTube icon, adds it to footer, links to AOSSIE's YouTube channel, and maintains styling consistency with existing icons.
Out of Scope Changes check	✅ Passed	All changes are directly related to adding the YouTube icon to the footer as specified in issue #650; no unrelated modifications were introduced.
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[ankitkr104]

Hey @Zahnentferner
This is a small UI issue, but it improves the completeness and consistency of the website footer. The YouTube icon was missing among the social media links, so I added it with styling consistent with the existing icons.

Kindly review the changes and merge if everything looks good. Your feedback will help me improve, and it motivates me to continue contributing to this organization.