New navigation model (#1)

* Flatten all routing into a single stack

* Replace router with custom implementation

* Add shell header and titles

* Add tab selector

* Add back/forward history menus on longpress

* Fix: don't modify state during render

* Add refresh() to navigation and reroute navigations to the current location to refresh instead of add to history

* Cache screens during navigation to maintain scroll position and improve load-time for renders

src/state/models/root-store.ts

@@ -7,12 +7,14 @@ import {adx, AdxClient} from '@adxp/mock-api'
 import {createContext, useContext} from 'react'
 import {isObj, hasProp} from '../lib/type-guards'
 import {SessionModel} from './session'
+import {NavigationModel} from './navigation'
 import {MeModel} from './me'
 import {FeedViewModel} from './feed-view'
 import {NotificationsViewModel} from './notifications-view'
 
 export class RootStoreModel {
   session = new SessionModel()
+  nav = new NavigationModel()
   me = new MeModel(this)
   homeFeed = new FeedViewModel(this, {})
   notesFeed = new NotificationsViewModel(this, {})
@@ -35,6 +37,7 @@ export class RootStoreModel {
   serialize(): unknown {
     return {
       session: this.session.serialize(),
+      nav: this.nav.serialize(),
     }
   }
 
@@ -43,6 +46,9 @@ export class RootStoreModel {
       if (hasProp(v, 'session')) {
         this.session.hydrate(v.session)
       }
+      if (hasProp(v, 'nav')) {
+        this.nav.hydrate(v.nav)
+      }
     }
   }
 }