feat(dashboard): add quick actions and new overview widgets

components/ui/slider.tsx

@@ -0,0 +1,37 @@
+"use client";
+
+import { Slider as SliderPrimitive } from "radix-ui";
+import type * as React from "react";
+import { cn } from "@/lib/utils/ui";
+
+function Slider({
+	className,
+	...props
+}: React.ComponentProps<typeof SliderPrimitive.Root>) {
+	return (
+		<SliderPrimitive.Root
+			data-slot="slider"
+			className={cn(
+				"relative flex w-full touch-none items-center select-none",
+				className,
+			)}
+			{...props}
+		>
+			<SliderPrimitive.Track
+				data-slot="slider-track"
+				className="bg-muted relative h-2 w-full grow overflow-hidden rounded-full"
+			>
+				<SliderPrimitive.Range
+					data-slot="slider-range"
+					className="bg-primary absolute h-full"
+				/>
+			</SliderPrimitive.Track>
+			<SliderPrimitive.Thumb
+				data-slot="slider-thumb"
+				className="border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-colors focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50"
+			/>
+		</SliderPrimitive.Root>
+	);
+}
+
+export { Slider };