refactor(logo): Update main logo SVG to use currentColor

The main logo SVG has been replaced with an updated version.

The previous logo had hardcoded fill colors, making it difficult to adapt to different color schemes, such as light and dark modes.

The new SVG uses `fill="currentColor"`, which allows its color to be controlled via the parent element's CSS `color` property. This makes the logo easily themeable and more flexible for use throughout the application.

src/components/ui/Status.tsx

@@ -0,0 +1,51 @@
+import { cn } from "@/lib/utils";
+import { ReactNode } from "react";
+
+interface IProps {
+  status: string;
+  children: ReactNode;
+}
+
+const Status = ({ status, children }: IProps) => {
+  const reds = [
+    "cancelled",
+    "inactive",
+    "rejected",
+    "failed",
+    "denied",
+    "blocked",
+  ];
+  const greens = [
+    "active",
+    "approved",
+    "completed",
+    "success",
+    "verified",
+    "published",
+  ];
+  const blues = ["awarded", "processing", "in-review", "scheduled"];
+  const yellows = ["pending", "warning", "on-hold", "delayed"];
+  const oranges = ["expired", "expiring", "limited"];
+  const grays = ["draft", "disabled", "archived", "paused"];
+
+  return (
+    <span
+      className={cn("rounded-2xl px-3 py-1.5 text-sm font-medium capitalize", {
+        "bg-green text-white": greens.includes(status),
+        "bg-orange-light text-white": oranges.includes(status),
+        "bg-error text-white": reds.includes(status),
+        "bg-blue text-white": blues.includes(status),
+        "bg-gray-3 text-gray-7": grays.includes(status),
+        "bg-yellow-light text-yellow-dark-2": yellows.includes(status),
+        "bg-green-light-6 text-green-dark": status === "new",
+        "bg-blue-light-5 text-blue-dark": status === "info",
+        "bg-error-light-6 text-error-dark": status === "urgent",
+        "bg-primary text-white": status === "featured",
+      })}
+    >
+      {children}
+    </span>
+  );
+};
+
+export default Status;