make this actually go somewhere, do something

components/Settings/stack.tsx

@@ -2,6 +2,7 @@ import React from "react";
 import { createNativeStackNavigator } from "@react-navigation/native-stack";
 import Root from "./screens/root";
 import AccountDetails from "./screens/account-details";
+import DevToolsScreen from "./screens/dev-tools";
 
 export const SettingsStack = createNativeStackNavigator();
 
@@ -31,6 +32,17 @@ export default function Settings(): React.JSX.Element {
                     }
                 }}
             />
+
+            <SettingsStack.Screen
+                name="DevTools"
+                component={DevToolsScreen}
+                options={{
+                    headerLargeTitle: true,
+                    headerLargeTitleStyle: {
+                        fontFamily: 'Aileron-Bold'
+                    }    
+                }}
+            />
         </SettingsStack.Navigator>
     )
 }