refactor(settings): rename the danger zone page to account

The page now holds account-level actions rather than only destructive ones, so
it is reachable at /dashboard/settings/account and presented with a neutral
icon in the sidebar and command palette.

apps/web/src/routes/dashboard/-components/sidebar.tsx

@@ -12,7 +12,7 @@ import {
 	ReadCvLogoIcon,
 	ShieldCheckIcon,
 	UserCircleIcon,
-	WarningIcon,
+	UserGearIcon,
 } from "@phosphor-icons/react";
 import { Link } from "@tanstack/react-router";
 import { AnimatePresence, m } from "motion/react";
@@ -90,9 +90,9 @@ const settingsSidebarItems = [
 		href: "/dashboard/settings/integrations",
 	},
 	{
-		icon: <WarningIcon />,
-		label: msg`Danger Zone`,
-		href: "/dashboard/settings/danger-zone",
+		icon: <UserGearIcon />,
+		label: msg`Account`,
+		href: "/dashboard/settings/account",
 	},
 ] as const satisfies SidebarItem[];
 

apps/web/src/routes/dashboard/settings/account.tsx

@@ -1,22 +1,22 @@
 import { t } from "@lingui/core/macro";
-import { WarningIcon } from "@phosphor-icons/react";
+import { UserGearIcon } from "@phosphor-icons/react";
 import { createFileRoute } from "@tanstack/react-router";
 import { Separator } from "@reactive-resume/ui/components/separator";
-import { DangerZoneSettingsPage } from "@/features/settings/pages/danger-zone";
+import { AccountSettingsPage } from "@/features/settings/pages/account";
 import { DashboardHeader } from "../-components/header";
 
-export const Route = createFileRoute("/dashboard/settings/danger-zone")({
+export const Route = createFileRoute("/dashboard/settings/account")({
 	component: RouteComponent,
 });
 
 function RouteComponent() {
 	return (
 		<div className="space-y-4">
-			<DashboardHeader icon={WarningIcon} title={t`Danger Zone`} />
+			<DashboardHeader icon={UserGearIcon} title={t`Account`} />
 
 			<Separator />
 
-			<DangerZoneSettingsPage />
+			<AccountSettingsPage />
 		</div>
 	);
 }