Refactor settings to use stack to allow dark theme. Move theme to app reducer to allow persistence.

app/settings.tsx

@@ -1,5 +0,0 @@
-import Settings from "../components/settings/settings";
-
-export default function Tab() {
-  return <Settings />;
-}

app/settings/_layout.tsx

@@ -0,0 +1,27 @@
+import { Stack, useRouter } from "expo-router";
+
+export default function SettingsLayout() {
+  const router = useRouter();
+  return (
+    <Stack>
+      <Stack.Screen
+        name="index"
+        options={{
+          title: "Settings",
+          headerShown: false,
+          //   headerSearchBarOptions: {
+          //     placement: "automatic",
+          //     placeholder: "Search",
+          //     autoFocus: true,
+          //     shouldShowHintSearchIcon: true,
+          //     onChangeText: (event) => {
+          //       router.setParams({
+          //         globalSearch: event?.nativeEvent?.text,
+          //       });
+          //     },
+          //   },
+        }}
+      />
+    </Stack>
+  );
+}

app/settings/index.tsx

@@ -0,0 +1,5 @@
+import Settings from "../../components/settings/settings";
+
+export default function Tab() {
+  return <Settings />;
+}