Rewrite in TS

frontend/src/components/ui/label.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-export function Label({ children, className }) {
-  return (
-    <label className={`text-sm font-medium text-slate-700 ${className || ''}`}>
-      {children}
-    </label>
-  );
-}

frontend/src/components/ui/label.tsx

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+
+interface LabelProps {
+  children: ReactNode;
+  className?: string;
+}
+
+export function Label({ children, className }: LabelProps) {
+  return (
+    <label className={`text-sm font-medium text-slate-700 ${className || ''}`}>{children}</label>
+  );
+}

frontend/src/components/ui/slider.tsx

@@ -1,14 +1,14 @@
-import React from 'react';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import { cn } from '../../lib/utils';
 
-export function Slider({ className, ...props }) {
+interface SliderProps extends React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> {
+  className?: string;
+}
+
+export function Slider({ className, ...props }: SliderProps) {
   return (
     <SliderPrimitive.Root
-      className={cn(
-        'relative flex w-full touch-none select-none items-center',
-        className
-      )}
+      className={cn('relative flex w-full touch-none select-none items-center', className)}
       {...props}
     >
       <SliderPrimitive.Track className="relative h-2 w-full grow overflow-hidden rounded-full bg-slate-200">