catalog part connected to backend , added empty data and loading component

app/globals.css

@@ -14,7 +14,7 @@
   --font-mono: var(--font-geist-mono);
   --font-roboto: "Roboto", sans-serif;
   --font-almarai: "Almarai", sans-serif;
-  --font-unbounded:"Unbounded",sans-serif;
+  --font-unbounded: "Unbounded", sans-serif;
   --color-sidebar-ring: var(--sidebar-ring);
   --color-sidebar-border: var(--sidebar-border);
   --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
@@ -135,6 +135,25 @@ body {
   background: #1e1d1c;
 }
 
-.loio{
-  color:#8b1515, #c91d1d
+.loio {
+  color: #8b1515, #c91d1d;
+}
+
+/* globals.css ga qo'shing */
+@keyframes shimmer {
+  100% {
+    transform: translateX(100%);
+  }
+}
+
+.animate-shimmer {
+  animation: shimmer 2s infinite;
+}
+
+.delay-150 {
+  animation-delay: 150ms;
+}
+
+.delay-300 {
+  animation-delay: 300ms;
 }