Fix: don't refresh main component on first page load

[katspaugh]

What it solves

Resolves #1980

This was a regression from #1968.

How this PR fixes it

The router.query is initially empty. This is to avoid hydration issues with the static build which doesn't have any query params by definition.

On safe-specific routes, router.query.safe then gets populated with the value from the URL, thus going from undefined to a string. This causes the main page component to re-render due to the key prop.

I've added a hook that only changes the key if the previous value was set.

[github-actions]

Branch preview

✅ Deploy successful!

https://safekey--walletweb.review-wallet-web.5afe.dev

[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}

[francovenica]

I got 1 call after refreshing normally and then 1 call in the first 15 secs polling, but after that every 15 secs I always got 2 calls for balances:

In the gif I reload manually, clear the storage and wait 15 secs twice, clearing the storage every time

[katspaugh]

@francovenica fixed 👍

[francovenica]

LGTM now.