chore: setup project for production

app/loading.js

@@ -0,0 +1,14 @@
+import { Skeleton } from "@/components/ui/skeleton";
+
+export default function loading() {
+  return (
+    <div className="flex flex-col justify-center items-center space-y-3 h-[70vh]">
+      {/* <Skeleton className="h-[325px] sm:w-[650px] rounded-xl" />
+      <div className="space-y-2">
+        <Skeleton className="h-4 sm:w-[350px] w-[200px]" />
+        <Skeleton className="h-4 sm:w-[400px] w-[200px]" /> */}
+      <div className="h-8 w-8 border-4 border-gray-800 border-t-transparent rounded-full animate-spin "></div>
+      {/* </div> */}
+    </div>
+  );
+}