Implement Web versions of the bottom sheet, toast, and progress circle

src/App.web.tsx

@@ -1,9 +1,8 @@
 import React, {useState, useEffect} from 'react'
-import {RootSiblingParent} from 'react-native-root-siblings'
-import {GestureHandlerRootView} from 'react-native-gesture-handler'
 import * as view from './view/index'
 import {RootStoreModel, setupState, RootStoreProvider} from './state'
 import * as Routes from './view/routes'
+import Toast from './view/com/util/Toast'
 
 function App() {
   const [rootStore, setRootStore] = useState<RootStoreModel | undefined>(
@@ -22,13 +21,10 @@ function App() {
   }
 
   return (
-    <GestureHandlerRootView style={{flex: 1}}>
-      <RootSiblingParent>
-        <RootStoreProvider value={rootStore}>
-          <Routes.Root />
-        </RootStoreProvider>
-      </RootSiblingParent>
-    </GestureHandlerRootView>
+    <RootStoreProvider value={rootStore}>
+      <Routes.Root />
+      <Toast.ToastContainer />
+    </RootStoreProvider>
   )
 }