feat(app): use new TimeAverageToggle

[VIKTORVAV99]

Issue

Part of: AVO-357

Description

Uses the new TimeAverage toggle of #6911 to make the PR easier to review and reduce the scope of the other PR.

It also removes the last icon we used from FontAwesome as the icon is no longer in the design.

Preview

Double check

• I have run pnpx prettier@2 --write . and poetry run format in the top level directory to format my changes.

[Alportan]

Looks good from a design perspective ✅ Hurray 🎉

One question, when I switch between the toggle items, I see a "Data is temporary unavailable" message. Is that because of dev environment? I tried a gif, was hard to see due to it's frame rate, but I added a screenshot instead 😅

[VIKTORVAV99]

Looks good from a design perspective ✅ Hurray 🎉

One question, when I switch between the toggle items, I see a "Data is temporary unavailable" message. Is that because of dev environment? I tried a gif, was hard to see due to it's frame rate, but I added a screenshot instead 😅

Not because of the dev environment but we have a nasty bug somewhere in the time control logic where a useEffect hook is triggering rendering twice that is proving hard to fix without breaking other stuff.

This is why I added the suspense query before as it should in theory at least hide the issue but that made the whole time controller flash instead which was also sub optimal. What I think I'm gonna try next is creating a simple skeleton like we talked about or some form of hybrid so only parts of the controller are affected.

[madsnedergaard]

LGTM 🥳