[UI] Application navigation from section to section

[kcullion]

• When the user clicks the previous/next buttons on the application, let's take them to the top of that new section. Currently it keeps them at the bottom of the page. Cannot reproduce this one, not doing.
• When a new section loads, there's a bit of a flash - because there is no content for a second and you see the footer move up and down on the page. Can we implement the loader and a min-height for the application perhaps?

[justincorrigible]

Note for whenever we address this ticket:
The scrolling behaviour described here is not possible at the moment in our app, due to a bug in NextJS when using shallow navigation (i.e. when we update the URL without an unnecessary page refresh).

The default behaviour (see scroll at router.push) is for the page to scroll back up unless instructed not to by the developer, yet there seems to be a problem in their implementation that is being resolved here: vercel/next.js#24888 (review).
We just need to get their update in order to solve the issue.

[kcullion]

@caravinci gotcha. Not a problem - this is more of a nice to have

[justincorrigible]

Very nice to have, indeed! it irked me when I noticed that bug a couple weeks ago, and I've been keeping tabs on this.
Glad you made a ticket for it! 🙏

[rosibaj]

Removing from MVP epic for closing

[justincorrigible]

As follow-up: The fix should be included in NextJS@11, as per the aforementioned PR in their repo.
We just need to update our version here, to benefit from the improvements and close this ticket.

[b-f-chan]

Icebox for refactor