Feat: Dynamic Top Nav

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: https://github.com/dwyl/flutter-navigation-menu-demo/issues/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](https://github.com/dwyl/app/issues/277) 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/ 💭