detail page added

components/loading.tsx

@@ -0,0 +1,16 @@
+import { useLanguage } from "@/context/language-context";
+
+export default function Loading() {
+  const { language } = useLanguage();
+  const languageIndex = language === "uz" ? true : false;
+
+  return (
+    <div className="h-52 w-52 rounded-xl bg-linear-to-br from-primary via-primary/60 to-gray-300 backdrop-blur-md flex flex-col items-center justify-center gap-3">
+      <div className="w-8 h-8 border-4 border-gray-300 border-t-white rounded-full animate-spin" />
+
+      <span className="text-white text-lg text-center">
+        {languageIndex ? "Yuklanmoqda..." : "Загрузка..."}
+      </span>
+    </div>
+  );
+}