Theme overhaul - missing files

src/components/ui/scroll-area.tsx

@@ -0,0 +1,26 @@
+"use client";
+
+import * as React from "react";
+import { cn } from "~/lib/utils";
+
+interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {
+  children: React.ReactNode;
+}
+
+const ScrollArea = React.forwardRef<HTMLDivElement, ScrollAreaProps>(
+  ({ className, children, ...props }, ref) => (
+    <div
+      ref={ref}
+      className={cn(
+        "scrollbar-thin scrollbar-track-transparent scrollbar-thumb-border hover:scrollbar-thumb-border/80 relative overflow-auto",
+        className,
+      )}
+      {...props}
+    >
+      {children}
+    </div>
+  ),
+);
+ScrollArea.displayName = "ScrollArea";
+
+export { ScrollArea };