Port to Redux and add settings

src/screens/index.tsx

@@ -1,17 +1,51 @@
 import React from 'react';
-import { createBottomTabNavigator, BottomTabNavigationOptions } from '@react-navigation/bottom-tabs';
+import { createBottomTabNavigator, BottomTabNavigationProp } from '@react-navigation/bottom-tabs';
 import Player from './Player';
 import Albums from './Albums';
 import Settings from './Settings';
+import { createStackNavigator, StackNavigationProp } from '@react-navigation/stack';
+import SetJellyfinServer from './modals/SetJellyfinServer';
+import { CompositeNavigationProp } from '@react-navigation/native';
 
+const Stack = createStackNavigator();
 const Tab = createBottomTabNavigator();
 
-export default function Routes() {
+type Screens = {
+    NowPlaying: undefined;
+    Albums: undefined;
+    Settings: undefined;
+}
+
+function Screens() {
     return (
         <Tab.Navigator>
-            <Tab.Screen name="Now Playing" component={Player} />
+            <Tab.Screen name="NowPlaying" component={Player} />
             <Tab.Screen name="Albums" component={Albums} />
             <Tab.Screen name="Settings" component={Settings} />
         </Tab.Navigator>
     );
-}
+}
+
+type Routes = {
+    Screens: undefined;
+    SetJellyfinServer: undefined;
+}
+
+
+export default function Routes() {
+    return (
+        <Stack.Navigator mode="modal" headerMode="none" screenOptions={{
+            cardStyle: {
+                backgroundColor: 'transparent'
+            }
+        }}>
+            <Stack.Screen name="Screens" component={Screens} />
+            <Stack.Screen name="SetJellyfinServer" component={SetJellyfinServer} />
+        </Stack.Navigator>
+    );
+}
+
+export type NavigationProp = CompositeNavigationProp<
+    StackNavigationProp<Routes>,
+    BottomTabNavigationProp<Screens>
+>;