Add other ethnicities

src/app/(tabs)/settings/index.tsx

@@ -259,9 +259,12 @@ function SettingsScreen() {
               options={[
                 'American Indian/Alaska Native',
                 'Asian',
+                'Hispanic/Latinx',
+                'Middle Eastern',
                 'Black or African American',
                 'Native Hawaiian or other Pacific Islander',
                 'White',
+                'Not Listed Here',
                 'Prefer Not to Disclose',
               ]}
               label="Race/Ethnicity"

src/app/auth/onboarding/index.tsx

@@ -219,9 +219,12 @@ function OnboardingScreen() {
               options={[
                 'American Indian/Alaska Native',
                 'Asian',
+                'Hispanic/Latinx',
+                'Middle Eastern',
                 'Black or African American',
                 'Native Hawaiian or other Pacific Islander',
                 'White',
+                'Not Listed Here',
                 'Prefer Not to Disclose',
               ]}
               label="Race/Ethnicity"

src/app/settings/styles.tsx

@@ -0,0 +1,70 @@
+import { StyleSheet } from 'react-native';
+import colors from '../../styles/colors';
+
+export default StyleSheet.create({
+  selectors: {
+    flex: 1,
+    gap: 16,
+  },
+  container: {
+    flex: 1,
+    backgroundColor: 'white',
+    paddingHorizontal: 24,
+    paddingBottom: 60,
+  },
+  button: {
+    marginBottom: 32,
+  },
+  main: {
+    paddingLeft: 12,
+    width: '100%',
+    justifyContent: 'space-between',
+    flexGrow: 1,
+  },
+  subheading: {
+    paddingBottom: 16,
+  },
+  heading: {
+    paddingBottom: 20,
+  },
+  back: {
+    paddingTop: 30,
+    paddingBottom: 16,
+    color: '#797979',
+    fontSize: 12,
+    fontWeight: '400',
+  },
+  backText: {
+    color: colors.darkGrey,
+  },
+  staticData: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    alignItems: 'flex-start',
+    marginBottom: 6,
+  },
+  icon: {
+    paddingLeft: 8,
+  },
+  dateButtonText: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+  },
+  dateButton: {
+    paddingTop: 18,
+  },
+  info: {
+    flexDirection: 'row',
+    marginLeft: 8,
+    marginTop: 40,
+    marginBottom: 20,
+    marginRight: 30,
+    maxWidth: '80%',
+  },
+  subtext: {
+    color: colors.darkGrey,
+    marginLeft: 8,
+    flexWrap: 'wrap',
+  },
+});
+