feat: card carousel

[akshitarora921]

This PR:

Add carousel from cards fixes #203 fixes #343

Self-Review Checklist

• [x] PR title is clear with proper spelling and grammar
• [x] PR description contains a bulleted list of changes contained in the PR
• [x] PR links to relevant issues, with keywords to auto-close any issues fully resolved upon merge
• [x] All automated checks passed
• [x] Any variables introduced are named clearly and explicitly

[vercel[bot]]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/margaritahumanitarian/helpafamily/8qQtoFuwSzH3iKUfZWCPu6zCuwiJ
✅ Preview: https://helpafamily-git-fork-akshitarora92-a6d32d-margaritahumanitarian.vercel.app

[codecov-commenter]

Codecov Report

Merging #342 (e2bab55) into main (cf158e0) will decrease coverage by 1.38%. The diff coverage is 0.00%.

@@            Coverage Diff             @@
##             main     #342      +/-   ##
==========================================
- Coverage   12.82%   11.43%   -1.39%     
==========================================
  Files          38       40       +2     
  Lines         273      306      +33     
  Branches       17       21       +4     
==========================================
  Hits           35       35              
- Misses        223      252      +29     
- Partials       15       19       +4     

Impacted Files	Coverage Δ
components/Card.js	0.00% <0.00%> (ø)
components/CardsLayout.js	0.00% <0.00%> (ø)
components/DoctorsAsVolunteersCard.js	0.00% <ø> (ø)
components/ElectronicsDropOffCard.js	0.00% <ø> (ø)
components/FallPreventionForEldersCard.js	0.00% <ø> (ø)
components/FoodDistributionSupportCard.js	0.00% <ø> (ø)
components/HealthWorkshopCard.js	0.00% <ø> (ø)
components/HeroSection.js	0.00% <ø> (ø)
components/HotMealDayCard.js	0.00% <ø> (ø)
components/HumanitarianClinicCard.js	0.00% <ø> (ø)
... and 11 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more Δ = absolute <relative> (impact), ø = not affected, ? = missing data Powered by Codecov. Last update cf158e0...e2bab55. Read the comment docs.

[akshitarora921]

Pending

• [ ] remove the cards components as all data is now in carddata.json
• [x] Mobile layout
• [ ] Prop type definition (If required)

[LowLifeArcade]

Smol checklist

• [ ] put Our Humanitarian Programs in indexjs instead of component
• [ ] and fix background svg accordingly
• [ ] create separate json file per page

[akshitarora921]

Title Our Humanitarian Programs is still part of CardLayout as now it will not affect the background

[LowLifeArcade]

Looks great @akshitarora921. There's a few things we can address in another issue but this was well done. Merging! 🦖 ✨

[akshitarora921]

😭😁