feat(adds readonly prop to rangeslider component): implemented readon…

…ly mode to RangeSlider

I added a boolean flag prop called readonly, that conditionally allows the user to drag the
RangeSlider handle and enable/disable the drag handle.

src/components/RangeSlider/RangeSlider.tsx

@@ -101,12 +101,10 @@ export const HandleLabel = styled.div`
       bottom: 100%;
       left: 50%;
       transform: translateX(-50%) rotate(${clamp(velocity, -45, 45)}deg);
-
       background-color: ${colors.background};
       border-radius: 4px;
       font-weight: bold;
       white-space: nowrap;
-
       pointer-events: none;
       z-index: 2;
     `;