Polished up some UI and added dark/light mode

FastNotes/hooks/use-color-scheme.ts

@@ -1 +1 @@
-export { useColorScheme } from 'react-native';
+export { useAppColorScheme as useColorScheme } from '@/src/theme/AppThemeProvider';

FastNotes/hooks/use-color-scheme.web.ts

@@ -1,21 +1 @@
-import { useEffect, useState } from 'react';
-import { useColorScheme as useRNColorScheme } from 'react-native';
-
-/**
- * To support static rendering, this value needs to be re-calculated on the client side for web
- */
-export function useColorScheme() {
-  const [hasHydrated, setHasHydrated] = useState(false);
-
-  useEffect(() => {
-    setHasHydrated(true);
-  }, []);
-
-  const colorScheme = useRNColorScheme();
-
-  if (hasHydrated) {
-    return colorScheme;
-  }
-
-  return 'light';
-}
+export { useAppColorScheme as useColorScheme } from '@/src/theme/AppThemeProvider';

FastNotes/hooks/use-theme-color.ts

@@ -5,7 +5,7 @@ export function useThemeColor(
   props: { light?: string; dark?: string },
   colorName: keyof typeof Colors.light & keyof typeof Colors.dark
 ) {
-  const theme = useColorScheme() ?? 'light';
+  const theme = useColorScheme();
   const colorFromProps = props[theme];
 
   if (colorFromProps) {