New home page blockers

[salman-neslit]

Link to Issue

Closes: #11281

Description of Changes

• When navigating to any of the “see all sections” it should direct to the relevant section on the explore page

"How We Fixed It"

Test Plan

• Navigate to Home Page.
• When navigating to any of the “see all sections” it should direct to the relevant section on the explore page

Deployment Plan

Other Considerations

• The Card Scrolling is already fixed and the relevant section is behind launchpad feature flag already.

[Israellund]

What's the purpose of using HashLink instead of the normal Link? Are we transitioning to use this now? I don't see this used anywhere else in the codebase.

[salman-neslit]

@Israellund I used HashLink as a neat wrapper for scrolling—it auto-handles smooth scrolling via the URL hash, i fealt like its more cleaner way of doing this. But I'm happy to switch to a manual ref if preferred!

[Israellund]

@salman-neslit Yeah, that makes sense in regards to implementation. @masvelio @mzparacha Do you have any thoughts on this?

[mzparacha]

I don't have any objections, seems to improve UX. Marcin wdyt?

[masvelio]

smooth is good for sure, question if we need to install 3rd party for this specific use case?

    window.scrollTo({
      top: element.offsetTop,
      behavior: 'smooth',
    });

We use it already in the app, wouldn't this work?

[salman-neslit]

@masvelio I opted for this package approach as this keeps the implementation cleaner. Additionally, behavior: 'smooth' was inconsistent sometimes it worked, but other times the scrolling was abrupt. That said, I'm happy to go with this approach if you prefer?

[Israellund]

Approving this now but you might want to wait to see what Marcin says before merging

[dillchen]

we can safely close this it's been superseded