feat: hook to ease scroll to an element

[DiogoSoaress]

What it solves

Resolves #227

How this PR fixes it

When opening the Core page, smoothly scrolls to the masthead section.
The target scroll position, ease and duration are reviewed by the design team.

[github-actions]

ESLint Summary View Full Report

Annotations are provided inline on the Files Changed tab. You can also see all annotations that were generated on the annotations page.

Type	Occurrences	Fixable
Errors	0	0
Warnings	0	0
Ignored	0	N/A

• Result: ✅ success
• Annotations: 0 total

---

^{Report generated by eslint-plus-action}

[github-actions]

Branch preview

✅ Deployed to dev:

https://safe-web-landing.dev.5afe.dev

[katspaugh]

Is this chatgpt-generated? Why are you not just using scrollIntoView with behavior: 'smooth'?

Also, on mobile it doesn't scroll all the way. The masthead is cut off at the bottom.

[DiogoSoaress]

I tried first with the behavior: 'smooth' but I wanted a different ease function to give an acceleration effect.

on mobile it doesn't scroll all the way. The masthead is cut off at the bottom

It was requested to not scroll the masthead all the way to the top (that's why I'm subtracting a factor of 0.2 * window.innerHeight to the masthead section top)

[katspaugh]

I'll approve but I would recommend looking into adding Framer Motion to this project as it's likely to have more custom animations in future.
And there's a plugin for Motion specifically for animated scrolling: https://github.com/breadadams/scroller-motion

[DiogoSoaress]

Thanks for the references! I will definitely look into those as I agree the project will have more custom animations.