Respect top safe inset margin

js/app/components/mobile/ui.tsx

···
                 r[2],
                 layout.position.absolute,
                 position.left[2],
-                { top: 12 },
+                { top: safeAreaInsets.top + 12 },
               ]}
             >
               <View style={[layout.flex.row, layout.flex.center, gap.all[2]]}>
···
                   r[2],
                   layout.position.absolute,
                   position.right[14],
-                  { top: 12 },
+                  { top: safeAreaInsets.top + 12 },
                   gap.all[4],
                 ]}
               >
···
             <View
               style={[
                 {
-                  padding: 13,
-                  backgroundColor: "rgba(0, 0, 0, 0.5)",
+                  padding: 9,
+                  backgroundColor: "rgba(90,90,90, 0.3)",
                   borderRadius: 12,
                 },
                 r[2],
                 layout.position.absolute,
                 position.right[1],
-                { top: 8 },
+
+                { top: safeAreaInsets.top + 12 },
                 gap.all[4],
               ]}
             >
···
                 <PlayerUI.ContextMenu />
               ) : (
                 <Pressable onPress={doSetIngestCamera}>
-                  <SwitchCamera size={32} color={colors.gray[200]} />
+                  <SwitchCamera color={colors.gray[200]} />
                 </Pressable>
               )}
             </View>