Change modal to native stacks

src/screens/modals/Player/index.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import MediaControls from './components/MediaControls';
+import ProgressBar from './components/ProgressBar';
+import NowPlaying from './components/NowPlaying';
+import Queue from './components/Queue';
+import useDefaultStyles from 'components/Colors';
+import ConnectionNotice from './components/ConnectionNotice';
+import { DismissableScrollView } from 'components/DismissableScrollView';
+import { ScrollView } from 'react-native-gesture-handler';
+
+const styles = StyleSheet.create({
+    inner: {
+        padding: 25,
+    }
+});
+
+export default function Player() {
+    const defaultStyles = useDefaultStyles();
+    
+    return (
+        <ScrollView contentContainerStyle={styles.inner} style={defaultStyles.view}>
+            <NowPlaying />
+            <ConnectionNotice />
+            <MediaControls />
+            <ProgressBar />
+            <Queue />
+        </ScrollView>
+    );
+}