Button doesn't scroll back to original expanded position

[Jeffrin2005]

Description

When clicking "Read More" on a workshop card in the Cloud Native Workshops grid (at /learn/workshops), the card expands correctly. However, when clicking "Read Less", the card doesn't scroll back to its original row position where it was expanded from.

Expected Behavior

When clicking "Read Less", the page should smoothly scroll back to the exact row position where the card was originally expanded from

Video Clip

16-fix.mp4

Environment:

• Host OS:
• Browser:

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[ivioje]

Hello @Jeffrin2005! Can I help fix this issue?

[Jeffrin2005]

@ivioje Sure. you can tag the team members for working this issue - vivkevishal or leecalcote.
cc: @vishalvivekm @leecalcote

[ivioje]

@ivioje Sure. you can tag the team members for working this issue - vivkevishal or leecalcote. cc: @vishalvivekm @leecalcote

Alright. Thanks! Hello @vishalvivekm @leecalcote

I confirm that I've read the CONTRIBUTING.md file.