some prettifying ✨

web/pages/components/config/cpu-usage.tsx

@@ -1,5 +1,5 @@
 import React, { useContext, useState, useEffect } from 'react';
-import { Typography, Slider, } from 'antd';
+import { Typography, Slider } from 'antd';
 import { ServerStatusContext } from '../../../utils/server-status-context';
 
 const { Title } = Typography;
@@ -12,8 +12,7 @@ const SLIDER_MARKS = {
   5: 'highest',
 };
 
-
-export default function CPUUsageSelector({defaultValue, onChange}) {
+export default function CPUUsageSelector({ defaultValue, onChange }) {
   const [selectedOption, setSelectedOption] = useState(null);
 
   const serverStatusData = useContext(ServerStatusContext);
@@ -27,21 +26,20 @@ export default function CPUUsageSelector({defaultValue, onChange}) {
   useEffect(() => {
     setSelectedOption(defaultValue);
   }, [videoSettings]);
-  
+
   const handleChange = value => {
-      setSelectedOption(value);
-      onChange(value);
+    setSelectedOption(value);
+    onChange(value);
   };
 
   return (
     <div className="module-container config-video-segements-conatiner">
       <Title level={3}>CPU Usage</Title>
-      <p>
-        There are trade-offs when considering CPU usage blah blah more wording here.
-      </p>
-      <br /><br />
+      <p>There are trade-offs when considering CPU usage blah blah more wording here.</p>
+      <br />
+      <br />
       <div className="segment-slider">
-        <Slider 
+        <Slider
           onChange={handleChange}
           min={1}
           max={Object.keys(SLIDER_MARKS).length}
@@ -52,4 +50,4 @@ export default function CPUUsageSelector({defaultValue, onChange}) {
       </div>
     </div>
   );
-}
+}