Feat: Add FormContainer component #3221 (#7588)

### What problem does this PR solve?

Feat: Add FormContainer component #3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/components/ui/dual-range-slider.tsx

@@ -29,7 +29,7 @@ const DualRangeSlider = React.forwardRef<
       {...props}
     >
       <SliderPrimitive.Track className="relative h-2 w-full grow overflow-hidden rounded-full bg-secondary">
-        <SliderPrimitive.Range className="absolute h-full bg-primary" />
+        <SliderPrimitive.Range className="absolute h-full bg-background-checked" />
       </SliderPrimitive.Track>
       {initialValue.map((value, index) => (
         <React.Fragment key={index}>
@@ -65,7 +65,6 @@ const SingleFormSlider = React.forwardRef<
   return (
     <DualRangeSlider
       ref={ref}
-      label={(value) => value}
       value={[value]}
       onValueChange={(vals) => {
         onChange(vals[0]);