Cleaned up code and removed debug remnants

components/ImageUploader.tsx

@@ -50,7 +50,6 @@ export default function ImageUploader({target, id, buttonMsg, handleAvatarChange
 
   const handleZoomSliderChange = ([value]) => {
     value < 1 ? setZoom(1) : setZoom(value);
-    // setZoom(e[0]);
   }
 
   const createImage = (url) =>

components/Slider.tsx

@@ -1,12 +1,9 @@
 import React from 'react';
-// import { styled } from '@stitches/react';
-// import { violet, blackA } from '@radix-ui/colors';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 
 const Slider = ({value, min, max, step, label, changeHandler}) => (
     <SliderPrimitive.Root 
     className="slider mt-2"
-    // defaultValue={[value]}
     min={min}
     step={step}
     max={max}

styles/globals.css

@@ -83,22 +83,26 @@
     .slider {
       @apply relative flex items-center w-40 h-4 select-none 
     }
+
     .slider > .slider-track {
         @apply relative flex-grow h-1 bg-neutral-400 rounded-md;
     }
+
     .slider .slider-range {
       @apply absolute h-full bg-neutral-700 rounded-full
     }
+
     .slider .slider-thumb {
       @apply block w-3 h-3 bg-neutral-700 rounded-full shadow-sm cursor-pointer transition-all;
-    }  
+    }
+
     .slider .slider-thumb:hover {
       @apply bg-neutral-600;
     }
+
     .slider .slider-thumb:focus {
       box-shadow: 0 0 0 4px rgba(0,0,0,0.2);
     }
-  
 }
 
 /* !important to style multi-email input */