Change /settings to /project/settings

app/@types/nextjs-routes.d.ts

@@ -24,8 +24,8 @@ declare module "nextjs-routes" {
     | StaticRoute<"/experiments">
     | StaticRoute<"/home">
     | StaticRoute<"/">
+    | StaticRoute<"/project/settings">
     | StaticRoute<"/sentry-example-page">
-    | StaticRoute<"/settings">
     | StaticRoute<"/world-champs">
     | StaticRoute<"/world-champs/signup">;
 

app/src/components/nav/AppShell.tsx

@@ -87,7 +87,7 @@ const NavSidebar = () => {
         >
           CONFIGURATION
         </Text>
-        <IconLink icon={BsGearFill} label="Project Settings" href="/settings" />
+        <IconLink icon={BsGearFill} label="Project Settings" href="/project/settings" />
       </VStack>
       {user && <UserMenu user={user} borderColor={"gray.200"} />}
       <Divider />

app/src/components/nav/ProjectMenu.tsx

@@ -53,7 +53,7 @@ export default function ProjectMenu() {
     const newOrg = await createMutation.mutateAsync({ name: "New Project" });
     await utils.organizations.list.invalidate();
     setSelectedOrgId(newOrg.id);
-    await router.push({ pathname: "/settings" });
+    await router.push({ pathname: "/project/settings" });
   }, [createMutation, router]);
 
   const openMenu = useCallback(
@@ -195,7 +195,7 @@ const ProjectOption = ({
       <Text>{org.name}</Text>
       <IconButton
         as={Link}
-        href="/settings"
+        href="/project/settings"
         aria-label={`Open ${org.name} settings`}
         icon={<Icon as={BsGear} boxSize={5} strokeWidth={0.5} color="gray.500" />}
         variant="ghost"