reorganize player a bit, move safeareaview down

js/app/components/mobile/player.tsx

···
   }, [userIsLive]);
 
   const navigation = useNavigation();
-  const setSidebarHidden = useStore((state) => state.setSidebarHidden);
-  const setSidebarUnhidden = useStore((state) => state.setSidebarUnhidden);
 
   useEffect(() => {
     return () => {
···
       <LivestreamProvider src={props.src ?? ""}>
         <StatusBar hidden={true} />
         <PlayerProvider defaultId={props.playerId || undefined}>
-          <SafeAreaView
-            edges={["right", "top", "left"]}
+          <View
             style={{
               flexDirection: chatVisible ? "row" : "column",
               flex: 1,
···
             ) : (
               <MobileUi />
             )}
-          </SafeAreaView>
+          </View>
         </PlayerProvider>
       </LivestreamProvider>
     </RotationProvider>
···
           },
         ]}
       >
-        <PlayerInnerInner {...props}>
-          {showFullDesktopMode || fullscreen ? (
-            <DesktopUi dropdownPortalContainer={dropdownPortalRef.current} />
-          ) : (
-            isLandscape && (
-              <MobileUi
-                setShowChat={props.setShowChat}
-                showChat={props.showChat}
-              />
-            )
-          )}
-          <PlayerUI.ViewerLoadingOverlay />
-          <OfflineCounter isMobile={true} />
-          <View
-            ref={dropdownPortalRef}
-            style={{
-              position: "absolute",
-              top: 0,
-              left: 0,
-              right: 0,
-              bottom: 0,
-              pointerEvents: "none",
-            }}
-          />
-        </PlayerInnerInner>
+        <SafeAreaView edges={["left", "right", "top"]} style={{ flex: 1 }}>
+          <PlayerInnerInner {...props}>
+            {showFullDesktopMode || fullscreen ? (
+              <DesktopUi dropdownPortalContainer={dropdownPortalRef.current} />
+            ) : (
+              isLandscape && (
+                <MobileUi
+                  setShowChat={props.setShowChat}
+                  showChat={props.showChat}
+                />
+              )
+            )}
+            <PlayerUI.ViewerLoadingOverlay />
+            <OfflineCounter isMobile={true} />
+            <View
+              ref={dropdownPortalRef}
+              style={{
+                position: "absolute",
+                top: 0,
+                left: 0,
+                right: 0,
+                bottom: 0,
+                pointerEvents: "none",
+              }}
+            />
+          </PlayerInnerInner>
+        </SafeAreaView>
       </Animated.View>
       {showFullDesktopMode && (
         <BottomMetadata