Add arrow icons for improved navigation flow between resource cards

[naitikhoriya1]

Let me help you fill out the PR template:

Fixes

Fixes #382 by @naitik

Description

Added arrow icons between resource cards on the Resources page and individual resource category pages to improve visual clarity and navigation flow.

Technical details

• Implemented animated arrow components using react-icons (LuArrowRight and LuArrowDown)
• Added right-facing arrows for horizontal flow on desktop/tablet views
• Added down-facing arrows for vertical flow on mobile views
• Made arrows responsive to different screen sizes
• Maintained consistent styling with the existing design system

Tests

• Navigate to the main Resources page (/resources) to verify arrows between category cards
• Visit individual resource pages (AI, Backend, Frontend, Web3, App) to verify arrows are displayed correctly
• Test responsiveness by viewing on different screen sizes to ensure arrows adapt properly
• Verify animations work as expected when the page loads

Screenshots

Before:

After:

Checklist

• [x] My pull request has a descriptive title (not a vague title like Update index.md).
• [x] My pull request targets the default branch of the repository (main or master).
• [x] My commit messages follow best practices.
• [x] My code follows the established code style of the repository.
• [x] I added or updated tests for the changes I made (if applicable).
• [x] I added or updated documentation (if applicable).
• [x] I tried running the project locally and verified that there are no visible errors.

Note: You'll need to add actual screenshots for the "Before" and "After" sections to help reviewers visualize the changes.

[netlify[bot]]

✅ Deploy Preview for fossc ready!

Name	Link
🔨 Latest commit	c902240eead8cc76c8b24282b6e95c035a3e981d
🔍 Latest deploy log	https://app.netlify.com/sites/fossc/deploys/67f26addf35a550008b53872
😎 Deploy Preview	https://deploy-preview-392--fossc.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 58 (🔴 down 40 from production) Accessibility: 92 (no change from production) Best Practices: 92 (🔴 down 8 from production) SEO: 91 (no change from production) PWA: 80 (no change from production) View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Mr-Sunglasses]

Requesting @JiyaGupta-cs for a review.

[ThakurSanskarSingh]

@naitikhoriya1 Currently, the Web3 and some other sections are empty, still resource section displays navigation arrows (left/right and down), For now, consider removing or disabling the navigation controls for sections with no available content.

[JiyaGupta-cs]

@naitikhoriya1 Currently the project is using @tabler/icons-react Please reuse this instead of adding another dependency

[naitikhoriya1]

@JiyaGupta-cs I will consider that in today evening after my collage timing please