Added Board Member card with swiperjs

[jaydeepdey03]

🛠️ Fixes Issue

Added swipable cards featuring Board members of GDSC

👨‍💻 Changes proposed

• Added SwiperJS
• Made it responsive
• Added ./data/Boardmember.json for dynamic updation of card content

🔧 Check List (Check the type of issue it fixes)

• [x] Bug Fix
• [ ] New Extension
• [x] Enhancement
• [ ] Documentation

✔️ Check List (Check all the applicable boxes)

• [x] My code follows the code style of this project.
• [ ] I have performed a self-review of my code
• [x] I have commented my code, particularly in hard-to-understand areas
• [ ] My changes generate no new warnings
• [ ] Any dependent changes have been merged and published in downstream modules
• [x] I have done git pull before adding my new changes
• [x] The title of my pull request is a short description of the requested changes.

📄 Note to reviewers

📷 Screenshots

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
dscvitchennai	✅ Ready (Inspect)	Visit Preview	Oct 18, 2022 at 4:48AM (UTC)

[Arjun31415]

Please check the code warnings and please don't use image. To prevent layout shift please use https://nextjs.org/docs/api-reference/next/future/image if styling on next/Image is not possible

[jaydeepdey03]

@Arjun31415 @FidalMathew

I have added <Image /> from next/future/image to ./components/Boardmembers.jsx

for Footer.jsx, the <Image /> tag is making background image blurred