fixing eslint errors

frontend/src/components/ColouredEnumComponent.tsx

@@ -62,7 +62,7 @@ export const ColouredEnumComponent = React.memo((props: ColouredEnumComponentPro
               value={value}
               style={{ backgroundColor: enumDict[value] }}
               onChange={(event) => handleValueChange(event.target.value)}>
-              {Object.entries(enumDict).map(([key, val]) => (
+              {Object.entries(enumDict).map(([key]) => (
                 <option key={key} value={key}>
                   {key}
                 </option>

frontend/src/components/NumberComponent.tsx

@@ -31,8 +31,8 @@ interface NumberComponentProps {
 const handleArrowKey = (
   key: string,
   value: string,
-  selectionStart: number,
-  selectionEnd: number
+  selectionStart: number
+  // selectionEnd: number
 ) => {
   // Split the input value into the integer part and decimal part
   const parts = value.split('.');
@@ -234,8 +234,8 @@ export const NumberComponent = React.memo((props: NumberComponentProps) => {
       ({ value: newValue, selectionStart } = handleArrowKey(
         key,
         value,
-        selectionStart,
-        selectionEnd
+        selectionStart
+        // selectionEnd
       ));
     } else if (key === 'Backspace') {
       ({ value: newValue, selectionStart } = handleBackspaceKey(

frontend/src/components/SliderComponent.tsx

@@ -147,6 +147,7 @@ export const SliderComponent = React.memo((props: SliderComponentProps) => {
         </Col>
         <Col xs="auto">
           <ToggleButton
+            id={`button-${id}`}
             onClick={() => setOpen(!open)}
             type="checkbox"
             checked={open}