add license system and ui

src/components/ui/badge.tsx

@@ -16,8 +16,8 @@ const badgeVariants = cva(
                 destructive:
                     "border-transparent bg-destructive text-destructive-foreground",
                 outline: "text-foreground",
-                green: "border-transparent bg-green-300",
-                yellow: "border-transparent bg-yellow-300",
+                green: "border-transparent bg-green-500",
+                yellow: "border-transparent bg-yellow-500",
                 red: "border-transparent bg-red-300",
             },
         },

src/components/ui/progress.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+import * as React from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import { cn } from "@app/lib/cn";
+
+function Progress({
+    className,
+    value,
+    ...props
+}: React.ComponentProps<typeof ProgressPrimitive.Root>) {
+    return (
+        <ProgressPrimitive.Root
+            data-slot="progress"
+            className={cn(
+                "border relative h-2 w-full overflow-hidden rounded-full",
+                className
+            )}
+            {...props}
+        >
+            <ProgressPrimitive.Indicator
+                data-slot="progress-indicator"
+                className="bg-primary h-full w-full flex-1 transition-all"
+                style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
+            />
+        </ProgressPrimitive.Root>
+    );
+}
+
+export { Progress };