iter 2

app/(protected)/projects/[project_id]/page.tsx

@@ -1,11 +1,11 @@
 import { JSX } from "react"
 
-import { ProjectWorkspacePage } from "@pages/ProjectWorkspacePage"
+import { ProjectWizardPage } from "@pages/ProjectWizardPage"
 
 export default function Projects(): JSX.Element {
   return (
     <main>
-      <ProjectWorkspacePage />
+      <ProjectWizardPage />
     </main>
   )
 }

app/(protected)/projects/loading.tsx

@@ -0,0 +1,18 @@
+import { ProjectCardSkeleton } from "@shared/ui/Skeleton"
+
+export default function ProjectsLoading() {
+	return (
+		<div
+			style={{
+				padding: "28px 24px 40px",
+				display: "grid",
+				gridTemplateColumns: "repeat(auto-fill, minmax(320px, 1fr))",
+				gap: "20px",
+			}}
+		>
+			{Array.from({ length: 6 }).map((_, i) => (
+				<ProjectCardSkeleton key={i} />
+			))}
+		</div>
+	)
+}