fix(web): lint and format settings components

Remove unused PlanType import and apply Biome formatting fixes.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

apps/web/app/(app)/settings/page.tsx

@@ -358,10 +358,7 @@ export default function SettingsPage() {
 												type="button"
 												disabled={isCurrent || isSwitching}
 												onClick={() =>
-													handleOrgSwitch(
-														organization.slug,
-														organization.id,
-													)
+													handleOrgSwitch(organization.slug, organization.id)
 												}
 												className={cn(
 													"w-full flex items-center gap-2.5 rounded-[10px] px-3 py-2 text-left transition-colors",
@@ -410,8 +407,7 @@ export default function SettingsPage() {
 								dmSansClassName(),
 							)}
 						>
-
-						{!isMobile && <SectionLabel>Organisation</SectionLabel>}
+							{!isMobile && <SectionLabel>Organisation</SectionLabel>}
 
 							{NAV_ITEMS.map((item) => {
 								const isActive = activeTab === item.id
@@ -523,7 +519,9 @@ export default function SettingsPage() {
 										className="w-full flex items-center gap-3 rounded-[10px] px-3 py-2 text-left text-[#A37A2E] hover:text-[#C7991B] hover:bg-[#1A1200]/60 transition-colors cursor-pointer"
 									>
 										<RotateCcw className="size-[16px] shrink-0" />
-										<span className="font-medium text-[13.5px]">Reset data</span>
+										<span className="font-medium text-[13.5px]">
+											Reset data
+										</span>
 									</button>
 
 									<div className="my-1 h-px bg-white/[0.06]" />

apps/web/components/settings/account.tsx

@@ -106,12 +106,7 @@ function resolveOrgPlan(
 }
 
 export default function Account() {
-	const {
-		user,
-		org,
-		organizations: allOrgs,
-		setActiveOrg,
-	} = useAuth()
+	const { user, org, organizations: allOrgs, setActiveOrg } = useAuth()
 	const autumn = useCustomer()
 	const [switchingOrgId, setSwitchingOrgId] = useState<string | null>(null)
 	const [orgMenuOpen, setOrgMenuOpen] = useState(false)
@@ -348,9 +343,7 @@ export default function Account() {
 										rolePriority(a.role.toLowerCase()) -
 										rolePriority(b.role.toLowerCase())
 									if (diff !== 0) return diff
-									return (a.user?.name ?? "").localeCompare(
-										b.user?.name ?? "",
-									)
+									return (a.user?.name ?? "").localeCompare(b.user?.name ?? "")
 								})
 								.map((m, idx) => {
 									const isYou = m.userId === user?.id
@@ -437,7 +430,6 @@ export default function Account() {
 					)}
 				</SettingsCard>
 			</section>
-
 		</div>
 	)
 }

apps/web/components/settings/billing.tsx

@@ -2,11 +2,7 @@
 
 import { dmSans125ClassName } from "@/lib/fonts"
 import { cn } from "@lib/utils"
-import {
-	PLAN_DISPLAY_NAMES,
-	useTokenUsage,
-	type PlanType,
-} from "@/hooks/use-token-usage"
+import { PLAN_DISPLAY_NAMES, useTokenUsage } from "@/hooks/use-token-usage"
 import {
 	Dialog,
 	DialogContent,