refactor: remove dead code, unused exports and redundant dependencies

- drop dotenv (Node 24 process.loadEnvFile) and dompurify (only used by dead code)
- delete unused ui components/hooks (card, progress, checkbox, use-confirm, use-prompt)
- delete dead sanitizeHtml/sanitizeCss, url-security helpers, patch-resume tool,
  schema/page, createResumePatches, patch-proposal preview builder, fonts fallback helpers
- inline single-caller wrappers (flags service, auth getSession, pdf renderer passthrough)
- deduplicate template color helpers into shared/color-helpers
- unexport 50+ internal-only symbols, remove dead export-map entries
- replace hand-rolled unique()/useIsMobile with Set spread and usehooks-ts

apps/web/src/routes/__root.tsx

@@ -5,6 +5,7 @@ import type { Locale } from "@reactive-resume/utils/locale";
 import type { QueryClient } from "@tanstack/react-query";
 import type { orpc } from "@/libs/orpc/client";
 import type { Theme } from "@/libs/theme";
+import { DirectionProvider } from "@base-ui/react/direction-provider";
 import { i18n } from "@lingui/core";
 import { I18nProvider } from "@lingui/react";
 import { IconContext } from "@phosphor-icons/react";
@@ -13,7 +14,6 @@ import { QueryClientProvider } from "@tanstack/react-query";
 import { createRootRouteWithContext, HeadContent, Outlet } from "@tanstack/react-router";
 import { domAnimation, LazyMotion, MotionConfig } from "motion/react";
 import { useEffect, useMemo } from "react";
-import { DirectionProvider } from "@reactive-resume/ui/components/direction";
 import { Toaster } from "@reactive-resume/ui/components/sonner";
 import { TooltipProvider } from "@reactive-resume/ui/components/tooltip";
 import { BreakpointIndicator } from "@/components/layout/breakpoint-indicator";

apps/web/src/routes/_home/-sections/features.tsx

@@ -20,7 +20,6 @@ import {
 	TranslateIcon,
 } from "@phosphor-icons/react";
 import { m } from "motion/react";
-import { useMemo } from "react";
 import { cn } from "@reactive-resume/utils/style";
 
 type Feature = {
@@ -167,7 +166,7 @@ function FeatureCard({ icon: Icon, title, description }: FeatureCardProps) {
 }
 
 export function Features() {
-	const features = useMemo(() => getFeatures(), []);
+	const features = getFeatures();
 
 	return (
 		<section id="features">

apps/web/src/routes/builder/$resumeId/-store/sidebar.ts

@@ -1,8 +1,7 @@
 import type { Layout, usePanelRef } from "react-resizable-panels";
 import { useCallback, useMemo } from "react";
-import { useWindowSize } from "usehooks-ts";
+import { useMediaQuery, useWindowSize } from "usehooks-ts";
 import { create } from "zustand/react";
-import { useIsMobile } from "@/hooks/use-mobile";
 
 type PanelImperativeHandle = ReturnType<typeof usePanelRef>;
 
@@ -102,7 +101,7 @@ type UseBuilderSidebarReturn = {
 };
 
 export function useBuilderSidebar<T = UseBuilderSidebarReturn>(selector?: (builder: UseBuilderSidebarReturn) => T): T {
-	const isMobile = useIsMobile();
+	const isMobile = useMediaQuery("(max-width: 767px)", { initializeWithValue: false });
 	const { width } = useWindowSize();
 
 	const { maxSidebarSize, minSidebarSize, collapsedSidebarSize, expandSize, groupResizeBehavior } =

apps/web/src/routes/builder/$resumeId/route.tsx

@@ -6,6 +6,7 @@ import { createFileRoute, Outlet, redirect } from "@tanstack/react-router";
 import Cookies from "js-cookie";
 import { useEffect, useRef } from "react";
 import { usePanelRef } from "react-resizable-panels";
+import { useMediaQuery } from "usehooks-ts";
 import { ResizableGroup, ResizablePanel, ResizableSeparator } from "@reactive-resume/ui/components/resizable";
 import {
 	useBuilderResumeUpdateSubscription,
@@ -14,7 +15,6 @@ import {
 	useResumeCleanup,
 	useResumeStore,
 } from "@/features/resume/builder/draft";
-import { useIsMobile } from "@/hooks/use-mobile";
 import { orpc } from "@/libs/orpc/client";
 import { createNoindexFollowMeta } from "@/libs/seo";
 import { BuilderHeader } from "./-components/header";
@@ -94,7 +94,7 @@ type BuilderLayoutShellProps = React.ComponentProps<"div"> & {
 };
 
 function BuilderLayoutShell({ initialLayout }: BuilderLayoutShellProps) {
-	const isMobile = useIsMobile();
+	const isMobile = useMediaQuery("(max-width: 767px)", { initializeWithValue: false });
 	const canPersistLayoutRef = useRef(false);
 
 	const leftSidebarRef = usePanelRef();