Fixed href's to go to the right place (#7377)

apps/web/components/SettingsShell.tsx

@@ -10,7 +10,7 @@ import NavTabs from "./NavTabs";
 const tabs = [
   {
     name: "profile",
-    href: "/settings/profile",
+    href: "/settings/my-account/profile",
     icon: FiUser,
   },
   {

apps/web/playwright/auth/delete-account.e2e.ts

@@ -10,7 +10,7 @@ test("Can delete user account", async ({ page, users }) => {
 
   await page.waitForSelector("[data-testid=dashboard-shell]");
 
-  await page.goto(`/settings/profile`);
+  await page.goto(`/settings/my-account/profile`);
   await page.click("[data-testid=delete-account]");
   if (!user.username) throw Error(`Test user doesn't have a username`);
 

packages/features/ee/teams/lib/payments.ts

@@ -38,7 +38,7 @@ export const purchaseTeamSubscription = async (input: { teamId: number; seats: n
     mode: "subscription",
     allow_promotion_codes: true,
     success_url: `${WEBAPP_URL}/api/teams/${teamId}/upgrade?session_id={CHECKOUT_SESSION_ID}`,
-    cancel_url: `${WEBAPP_URL}/settings/profile`,
+    cancel_url: `${WEBAPP_URL}/settings/my-account/profile`,
     line_items: [
       {
         /** We only need to set the base price and we can upsell it directly on Stripe's checkout  */

packages/features/shell/Shell.tsx

@@ -882,7 +882,7 @@ function TopNav() {
           </span>
           <button className="rounded-full p-1 text-gray-400 hover:bg-gray-50 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-black focus:ring-offset-2">
             <span className="sr-only">{t("settings")}</span>
-            <Link href="/settings/profile">
+            <Link href="/settings/my-account/profile">
               <FiSettings className="h-4 w-4 text-gray-700" aria-hidden="true" />
             </Link>
           </button>