Feat: Dynamic Top Nav

[nelsonic]

The current Figma Layout: https://www.figma.com/file/WrpkKGJNYZbeCzMRDVtvQLbC/dwyl-app?node-id=0%3A1
Has a generic Top Navigation Bar that is a visual placeholder:

The only functionality it has is: tapping/clicking the @dwyl Logo takes the person back to the "home" screen
where they can see their items, any currently running timers etc.
We know we can do muuuch better than this with the space available.

Story

As a person using the dwyl App I want the Top Nav to give me useful info
so that it's not wasted space.

Note: This is a placeholder issue/story.
It's going to require some imagination/creativity in both Flutter-land and Figma
to understand what is possible and then create something that is useful and isn't a pointless gimmick.

Todo

• investigate what is possible in Flutter 🔍 🧑‍💻 ref: [EPIC] Feat: Dynamic Navigation Menu flutter-navigation-menu-demo#4

"Dynamic Island" 🏝️ (🙄)

The best way to understand what we're going to be doing here is to checkout Apple's "Dynamic Island: on iPhone 14 Pro:
https://www.macrumors.com/guide/dynamic-island/

Introducing Dynamic Island on iPhone 14 Pro: https://youtu.be/WuEH265pUy4

Apple's Dynamic Island Explained: https://youtu.be/qs0Ws4YwQ9Q

https://www.youtube.com/results?search_query=mkbhd+Dynamic+Island

Linus has a great take on this: https://youtu.be/vh-jmvepDwA?t=70

Note: Don't worry, we aren't going to invest any dev time supporting the iPhone 14 Pro Dynamic Island for the foreseeable future. None of us own the device so we can't test it; it's super niche. Maybe when the feature "trickles down" to cheaper devices in 2023 refresh ... ⏳ We'll wait for a paying customer to request support before spending any time thinking about it. 👌 Apparently, not many of the major iOS Apps are supporting it yet: https://www.digitaltrends.com/mobile/apple-iphone-14-pro-dynamic-island-needs-to-get-more-useful-fast/ 💭