implement design changes

use row for buttons on web

use RNGH FlatList

random color at start

improve logic

update dialog for web

update dialog style on mobile

some more progress

create dialog

simplify context

start implementing design

src/components/Dialog/index.tsx

@@ -184,12 +184,17 @@ export function Outer({
   )
 }
 
-export function Inner({children, style}: DialogInnerProps) {
+export function Inner({
+  children,
+  style,
+  noHorizontalPadding,
+}: DialogInnerProps) {
   const insets = useSafeAreaInsets()
   return (
     <BottomSheetView
       style={[
-        a.p_xl,
+        a.py_xl,
+        !noHorizontalPadding && a.px_xl,
         {
           paddingTop: 40,
           borderTopLeftRadius: 40,