feat: Added YouTube icon in footer along with flex-wrap for responsiveness

[reach2saksham]

Addressed Issues:

Fixes #625

Screenshots/Recordings:

Before:

After:

Additional Notes:

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

Release Notes

• New Features

  • Added YouTube social link to the footer for improved social media connectivity.

• UI/UX Improvements

  • Enhanced social links layout to provide better responsiveness across different screen sizes.

[coderabbitai]

📝 Walkthrough

Walkthrough

The Footer component is enhanced with YouTube social link integration. A YouTube icon is imported from FontAwesome brand icons and added as a new social link item. The social links container layout is updated to support responsive wrapping.

Changes

Cohort / File(s)	Summary
Footer Social Links Enhancement src/components/shared/Footer.jsx	Imported faYoutube from FontAwesome brand icons, added YouTube social link item, and updated social links container from flex gap-6 to flex flex-wrap gap-6 for responsive wrapping.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Possibly related PRs

• #629: Adds LinkedIn social link to Footer with similar FontAwesome brand icon integration pattern
• #624: Modifies Footer social links and layout structure
• #621: Updates FontAwesome brand icon imports in Footer component

Suggested reviewers

• Zahnentferner

Poem

🐰 A hop, skip, and click away,
YouTube now graces the footer display!
With flex-wrap's gentle embrace,
Social icons find their place.

🚥 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 and concisely summarizes the main changes: adding a YouTube icon to the footer and implementing flex-wrap for responsive layout.
Linked Issues check	✅ Passed	The PR successfully addresses issue #625 by adding the YouTube icon to the footer's social links as required.
Out of Scope Changes check	✅ Passed	All changes are directly related to the linked issue #625; the YouTube icon addition and flex-wrap implementation are within scope.
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.}