refactor to tamagui

apps/expo/src/components/player/ControlsOverlay.tsx

@@ -1,4 +1,4 @@
-import { View } from "react-native";
+import { View } from "tamagui";
 
 import { BottomControls } from "./BottomControls";
 import { Header } from "./Header";
@@ -6,7 +6,12 @@ import { MiddleControls } from "./MiddleControls";
 
 export const ControlsOverlay = ({ isLoading }: { isLoading: boolean }) => {
   return (
-    <View className="flex w-full flex-1 flex-col justify-between">
+    <View
+      width="100%"
+      flex={1}
+      flexDirection="column"
+      justifyContent="space-between"
+    >
       <Header />
       {!isLoading && <MiddleControls />}
       <BottomControls />