Refactor color scheme handling to use a fixed 'dark' theme and implement SourceSelectionModal for source management in the player

hooks/useColorScheme.ts

@@ -1 +0,0 @@
-export {useColorScheme} from 'react-native';

hooks/useColorScheme.web.ts

@@ -1,8 +0,0 @@
-// NOTE: The default React Native styling doesn't support server rendering.
-// Server rendered styles should not change between the first render of the HTML
-// and the first render on the client. Typically, web developers will use CSS media queries
-// to render different styles on the client and server, these aren't directly supported in React Native
-// but can be achieved using a styling library like Nativewind.
-export function useColorScheme() {
-  return 'light';
-}

hooks/useThemeColor.ts

@@ -3,15 +3,13 @@
  * https://docs.expo.dev/guides/color-schemes/
  */
 
-import {useColorScheme} from 'react-native';
-
 import {Colors} from '@/constants/Colors';
 
 export function useThemeColor(
   props: {light?: string; dark?: string},
   colorName: keyof typeof Colors.light & keyof typeof Colors.dark,
 ) {
-  const theme = useColorScheme() ?? 'dark';
+  const theme = 'dark';
   const colorFromProps = props[theme];
 
   if (colorFromProps) {