feat: enable React Compiler, optimizePackageImports for lucide-react, add loading states for (site) and client routes

src/app/(site)/loading.tsx

@@ -0,0 +1,15 @@
+export default function SiteLoading() {
+	return (
+		<div
+			style={{ display: "flex", justifyContent: "center", padding: "4rem 0" }}
+		>
+			<div
+				className="animate-spin w-8 h-8 border-4 rounded-full"
+				style={{
+					borderColor: "var(--color-primary)",
+					borderTopColor: "transparent",
+				}}
+			/>
+		</div>
+	);
+}

src/app/client/loading.tsx

@@ -0,0 +1,16 @@
+export default function ClientLoading() {
+	return (
+		<div
+			className="flex items-center justify-center min-h-screen"
+			style={{ background: "var(--color-background)" }}
+		>
+			<div
+				className="animate-spin w-10 h-10 border-4 rounded-full"
+				style={{
+					borderColor: "var(--color-primary)",
+					borderTopColor: "transparent",
+				}}
+			/>
+		</div>
+	);
+}