[auth] Style settings screen

package.json

@@ -19,7 +19,7 @@
     "@mui/material": "^5.14.13",
     "@mui/styled-engine-sc": "^6.0.0-alpha.1",
     "@mui/system": "^5.14.13",
-    "@react-native-async-storage/async-storage": "^1.18.2",
+    "@react-native-async-storage/async-storage": "1.18.2",
     "@react-native-community/datetimepicker": "7.2.0",
     "@react-navigation/bottom-tabs": "^6.5.9",
     "@react-navigation/material-bottom-tabs": "^6.2.17",
@@ -42,6 +42,7 @@
     "react": "18.2.0",
     "react-native": "0.72.6",
     "react-native-dom-parser": "^1.5.3",
+    "react-native-element-dropdown": "^2.10.0",
     "react-native-elements": "^3.4.3",
     "react-native-gesture-handler": "~2.12.0",
     "react-native-htmlview": "^0.16.0",
@@ -55,10 +56,9 @@
     "react-native-screens": "~3.22.0",
     "react-native-svg": "13.9.0",
     "react-native-url-polyfill": "^2.0.0",
-    "validator": "^13.11.0",
     "react-native-vector-icons": "^10.0.2",
     "react-scroll-to-top": "^3.0.0",
-    "expo-font": "~11.4.0"
+    "validator": "^13.11.0"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",

src/app/auth/login/index.tsx

@@ -6,11 +6,11 @@ import { SafeAreaView } from 'react-native-safe-area-context';
 import validator from 'validator';
 
 import styles from './styles';
+import StyledButton from '../../../components/StyledButton/StyledButton';
+import UserStringInput from '../../../components/UserStringInput/UserStringInput';
 import { isEmailUsed, queryEmailByUsername } from '../../../queries/auth';
 import globalStyles from '../../../styles/globalStyles';
 import { useSession } from '../../../utils/AuthContext';
-import StyledButton from '../../../components/StyledButton/StyledButton';
-import UserStringInput from '../../../components/UserStringInput/UserStringInput';
 
 function LoginScreen() {
   const sessionHandler = useSession();

src/app/auth/onboarding/index.tsx

@@ -5,10 +5,10 @@ import { Alert, ScrollView, Platform } from 'react-native';
 import { Button } from 'react-native-elements';
 
 import styles from './styles';
+import StyledButton from '../../../components/StyledButton/StyledButton';
 import UserStringInput from '../../../components/UserStringInput/UserStringInput';
 import { useSession } from '../../../utils/AuthContext';
 import supabase from '../../../utils/supabase';
-import StyledButton from '../../../components/StyledButton/StyledButton';
 
 function OnboardingScreen() {
   const { session } = useSession();

src/app/auth/signup/index.tsx

@@ -27,7 +27,7 @@ function SignUpScreen() {
   const [password, setPassword] = useState('');
   const [passwordTextHidden, setPasswordTextHidden] = useState(true);
   const [loading, setLoading] = useState(false);
-  let lastUsernameCheck = useRef(Date.now());
+  const lastUsernameCheck = useRef(Date.now());
   const validUsernameCharacters = /^\w+$/g;
 
   const [passwordComplexity, setPasswordComplexity] = useState(false);
@@ -295,8 +295,8 @@ function SignUpScreen() {
               disabled={
                 !passwordComplexity ||
                 loading ||
-                emailError != '' ||
-                usernameError != '' ||
+                emailError !== '' ||
+                usernameError !== '' ||
                 email.length === 0 ||
                 username.length === 0
               }

src/app/settings/_layout.tsx

@@ -0,0 +1,11 @@
+import { Stack } from 'expo-router';
+
+function StackLayout() {
+  return (
+    <Stack>
+      <Stack.Screen name="index" options={{ headerShown: false }} />
+    </Stack>
+  );
+}
+
+export default StackLayout;