fix: solves display bug of category chevron buttons

[abhiram11]

Description

Closes #628

• I read the contributing docs (if this is your first contribution)

Type of change

• Bug fix (non-breaking change which fixes an issue)

Checklist

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented on my code, particularly in hard-to-understand areas
• My changes generate no new warnings

Note: Kindly check the Bug Report #628 where I have elaborated on the issue in more detail.

This PR solves the display bug where the < and > category buttons require an extra event to be called/clicked in order to render on the page as required by the logic.

This is how the proposed solution in my PR looks like:

The URL shows the difference between the current behavior (lenstube) and the expected behavior (localhost)

2023-02-18.02-57-54.mp4

P.S. I am new to open-source contributions, I am all ears to feedback! Furthermore, we can also refactor the filename utils/hooks/useHorizantalScroll and correct the spelling to Horizontal. ^^

[vercel]

Someone is attempting to deploy a commit to the Lenstube Team on Vercel.

A member of the Team first needs to authorize it.

[netlify]

✅ Deploy Preview for lenstube-embed ready!

Name	Link
🔨 Latest commit	f15beda
🔍 Latest deploy log	https://app.netlify.com/sites/lenstube-embed/deploys/63f088763283bd000862daae
😎 Deploy Preview	https://deploy-preview-629--lenstube-embed.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 settings.

[netlify]

✅ Deploy Preview for lenstube ready!

Name	Link
🔨 Latest commit	f15beda
🔍 Latest deploy log	https://app.netlify.com/sites/lenstube/deploys/63f088766cfa290008068349
😎 Deploy Preview	https://deploy-preview-629--lenstube.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 settings.

[vercel]

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

Name	Status	Preview	Comments	Updated
api	✅ Ready (Inspect)	Visit Preview	💬 Add your feedback	Feb 18, 2023 at 8:23AM (UTC)

[sasicodes]

@abhiram11 We can rename typo in the file name to correct spelling 👍🏻

[abhiram11]

I have pushed a new commit with the following updates:

1. Changed let to const
2. Removed Comments
3. Updated filename to useHorizontalScroll and modified wherever it is called.

P.S. I am new to open source contribution and git, so if there are any issues with my PR or git calls, please provide feedback for the same!

[sasicodes]

I have pushed a new commit with the following updates:

1. Changed let to const
2. Removed Comments
3. Updated filename to useHorizontalScroll and modified wherever it is called.

P.S. I am new to open source contribution and git, so if there are any issues with my PR or git calls, please provide feedback for the same!

You did all great. Thank you for your contribution. 😊

[abhiram11]

Thank you for the feedback! ^^ Feel free to let me know if there are any other issues that I can help with, especially in Javascript, Python, and Frontend.

Have a great weekend!

[sasicodes]

[sasicodes]

You can always pick from issues or suggest feature requests (roadmap.lenstube.xyz)

[gitpoap-bot]

Congrats, your important contribution to this open-source project has earned you a GitPOAP!

GitPOAP: 2023 Lenstube Contributor:

Head to gitpoap.io & connect your GitHub account to mint!

Learn more about GitPOAPs here.

[sasicodes]

@abhiram11 ☝🏻

[abhiram11]

This is great! Thanks for the recognition!! 😊