feat: Added keyboard navigation to image gallery

[KartikLutimath]

878

Title : Title: Add Keyboard Navigation to Image Gallery

Issue No. : #878

Code Stack :

Close #878

Description

This feature enables users to navigate through the image gallery using the left and right arrow keys on their keyboard, providing a more seamless and accessible browsing experience.

Video/Screenshots (mandatory)

https://youtu.be/2vQ71PpDSq8

Type of PR

• ✅ Feature enhancement

Checklist:

• ✅ I have performed a self-review of my code.
• ✅ I have commented my code, particularly in hard-to-understand areas.
• ✅ I have tested the changes thoroughly before submitting this pull request.
• ✅ I have provided relevant issue numbers, screenshots, and videos after making the changes.
• ✅ I have gone through the contributing.md file before contributing

Additional context:

This enhancement aims to improve user experience and accessibility by allowing users to navigate the image gallery with keyboard shortcuts.

Are you contributing under any Open-source programme?

• ✅ I am contributing under GSSOC'24
• ✅ I am contributing under VSOC'24

[netlify[bot]]

✅ Deploy Preview for taupe-cendol-f7e2bb ready!

Name	Link
🔨 Latest commit	f435f3114b37aac600d56936e77a2052baf05fdb
🔍 Latest deploy log	https://app.netlify.com/sites/taupe-cendol-f7e2bb/deploys/6670136c79425500082d7898
😎 Deploy Preview	https://deploy-preview-881--taupe-cendol-f7e2bb.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[apu52]

@KartikLutimath are u contribution under GSSOC'24 or VSOC'24 ????? I can't assign you points under both of the competitions so choose wisely.

[KartikLutimath]

u can assign me points under VSOC'24.