chore(prettier): full repo linting and code reformatting once and for all (#3627)

platform/ui/src/components/InputRange/InputRange.tsx

@@ -55,15 +55,13 @@ const InputRange: React.FC<{
     [onChange, setRangeValue]
   );
 
-  const rangeValuePercentage =
-    ((rangeValue - minValue) / (maxValue - minValue)) * 100;
+  const rangeValuePercentage = ((rangeValue - minValue) / (maxValue - minValue)) * 100;
 
-  const rangeValueForStr =
-    step >= 1 ? rangeValue.toFixed(0) : rangeValue.toFixed(1);
+  const rangeValueForStr = step >= 1 ? rangeValue.toFixed(0) : rangeValue.toFixed(1);
 
   return (
     <div
-      className={`flex items-center cursor-pointer space-x-1 ${
+      className={`flex cursor-pointer items-center space-x-1 ${
         containerClassName ? containerClassName : ''
       }`}
     >
@@ -82,14 +80,15 @@ const InputRange: React.FC<{
         min={minValue}
         max={maxValue}
         value={rangeValue}
-        className={`appearance-none h-[3px] rounded-lg input-range-thumb-design ${
+        className={`input-range-thumb-design h-[3px] appearance-none rounded-lg ${
           inputClassName ? inputClassName : ''
         }`}
         style={{
           background:
             trackColor ||
-            `linear-gradient(to right, #5acce6 0%, #5acce6 ${rangeValuePercentage -
-              10}%, #3a3f99 ${rangeValuePercentage + 10}%, #3a3f99 100%)`,
+            `linear-gradient(to right, #5acce6 0%, #5acce6 ${rangeValuePercentage - 10}%, #3a3f99 ${
+              rangeValuePercentage + 10
+            }%, #3a3f99 100%)`,
         }}
         onChange={handleChange}
         id="myRange"

platform/ui/src/components/InputRange/__stories__/inputRange.stories.mdx

@@ -6,15 +6,21 @@ export const argTypes = {
   title: 'Components/InputRange',
 };
 
-<Meta title="Components/InputRange" component={InputRange} />
+<Meta
+  title="Components/InputRange"
+  component={InputRange}
+/>
 
 export const RangeInputTemplate = args => (
   <div className="w-3">
     <InputRange {...args} />
   </div>
-)
+);
 
-<Heading title="InputRange" componentRelativePath="InputRange/InputRange.tsx" />
+<Heading
+  title="InputRange"
+  componentRelativePath="InputRange/InputRange.tsx"
+/>
 
 - [Overview](#overview)
 - [Props](#props)
@@ -34,7 +40,7 @@ InputRange is a component that allows you to use as a boolean value
       step: 10,
       unit: '%',
       onChange: () => console.log('input range change'),
-      labelClassName: 'text-black'
+      labelClassName: 'text-black',
     }}
   >
     {RangeInputTemplate.bind({})}