feat(frontend): add shadcn ui primitives and compatibility bridge

vite-frontend/src/shadcn-bridge/heroui/spinner.tsx

@@ -0,0 +1,31 @@
+import * as React from "react";
+import { Loader2Icon } from "lucide-react";
+
+import { cn } from "@/lib/utils";
+
+type SpinnerSize = "sm" | "md" | "lg";
+
+export interface SpinnerProps extends React.ComponentProps<"div"> {
+  label?: string;
+  size?: SpinnerSize;
+}
+
+function iconSize(size: SpinnerSize | undefined) {
+  if (size === "sm") {
+    return "h-4 w-4";
+  }
+  if (size === "lg") {
+    return "h-7 w-7";
+  }
+
+  return "h-5 w-5";
+}
+
+export function Spinner({ className, label, size = "md", ...props }: SpinnerProps) {
+  return (
+    <div className={cn("inline-flex items-center gap-2", className)} {...props}>
+      <Loader2Icon className={cn("animate-spin text-default-500", iconSize(size))} />
+      {label ? <span className="text-sm text-default-500">{label}</span> : null}
+    </div>
+  );
+}