fix: page scroll with URL hash redirection.

[shantanumallik]

Fixes #4849

Short description of what this resolves:

• Fixed the redirection based on URL hash and anchor tags. Now the anchored div relative to the URL hash shows up at the top of the screen on page load.
• Earlier it required two clicks initially on page load to jump to a particular section of the event page using the side-menu. This was so because the first click was required to bind the anchor scroll action with the click event. It did not trigger the scroll action on the first click. Added scroll action to the first click.

Demo Links:

• https://open-event-frontend-d12ttsngk.vercel.app/e/41bb1094#info
• https://open-event-frontend-d12ttsngk.vercel.app/e/41bb1094#tickets
• https://open-event-frontend-d12ttsngk.vercel.app/e/41bb1094#organizer
• https://open-event-frontend-d12ttsngk.vercel.app/e/41bb1094#getting-here

These links direct to the respective sections of the event page in the demo.

Checklist

• I have read the Contribution & Best practices Guide.
• My branch is up-to-date with the Upstream development branch.
• The acceptance, integration, unit tests and linter pass locally with my changes

[vercel]

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/eventyay/open-event-frontend/3p2hesww1
✅ Preview: https://open-event-frontend-git-fork-shantanumallik-development.eventyay.vercel.app

[codecov]

Codecov Report

Merging #4883 into development will decrease coverage by 0.03%.
The diff coverage is 0.00%.

@@               Coverage Diff               @@
##           development    #4883      +/-   ##
===============================================
- Coverage        23.17%   23.14%   -0.04%     
===============================================
  Files              481      481              
  Lines             5096     5103       +7     
  Branches            18       18              
===============================================
  Hits              1181     1181              
- Misses            3911     3918       +7     
  Partials             4        4              

Impacted Files	Coverage Δ
app/components/public/side-menu.js	0.00% <0.00%> (ø)

---

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 569b948...3f6af77. Read the comment docs.

[shantanumallik]

@iamareebjamal please review.

[iamareebjamal]

Thanks a lot for the fix and explanation. Will review soon and revert

[iamareebjamal]

When I click on Organizer, the hash should change but it isn't. If you can fix it, please do, otherwise the current behaviour is enough as well

[shantanumallik]

@iamareebjamal Now the URL hash updates with the anchor jumps. Please review.

Demo:

• https://open-event-frontend-3p2hesww1.vercel.app/e/41bb1094#info
• https://open-event-frontend-3p2hesww1.vercel.app/e/41bb1094#tickets
• https://open-event-frontend-3p2hesww1.vercel.app/e/41bb1094#organizer
• https://open-event-frontend-3p2hesww1.vercel.app/e/41bb1094#getting-here

The links are from the latest vercel deployment.

[iamareebjamal]

Throwing Cannot read property 'top' of undefined

[shantanumallik]

Looking into this.

[shantanumallik]

Is this the only error?

[iamareebjamal]

Yes, mostly

[iamareebjamal]

As mentioned, changes are throwing a lot of errors, hence reverting