chore: fix eslint

src/component/1d/SpectraLegends.tsx

@@ -14,9 +14,9 @@ import { useMouseTracker } from '../EventsTrackers/MouseTracker';
 import { useChartData } from '../context/ChartContext';
 import { useScale } from '../context/ScaleContext';
 import { SVGGroup } from '../elements/SVGGroup';
+import { useActiveSpectra } from '../hooks/useActiveSpectra';
 import { usePanelPreferences } from '../hooks/usePanelPreferences';
 import { convertPathArrayToString } from '../utility/convertPathArrayToString';
-import { useActiveSpectra } from '../hooks/useActiveSpectra';
 
 const styles: Record<'text' | 'colorIndicator', CSSProperties> = {
   text: {

src/component/elements/Button.tsx

@@ -1,5 +1,5 @@
 //TODO resolve the eslint rules
-/* eslint-disable react/no-unused-prop-types */
+
 /** @jsxImportSource @emotion/react */
 import { css, CSSObject, SerializedStyles } from '@emotion/react';
 import { CSSProperties, ComponentPropsWithoutRef, ElementType } from 'react';

src/component/modal/editRange/forms/components/signal-tabs/SignalJCouplingsTable.tsx

@@ -132,7 +132,7 @@ export function SignalJCouplingsTable(props: SignalJCouplingsTableProps) {
     setValue(`signals[${signalIndex}].js`, []);
     lastSelectedCouplingIndexRef.current = null;
   }
-  const COLUMNS: Array<Column<any>> = useMemo(
+  const COLUMNS: Column[] = useMemo(
     () => [
       {
         Header: '#',

src/component/modal/editRange/forms/components/signal-tabs/SignalPeaksTable.tsx

@@ -135,7 +135,7 @@ export function SignalPeaksTable(props: SignalPeaksTableProps) {
     [re, setValue, signalIndex, xArray],
   );
 
-  const COLUMNS: Array<Column<any>> = useMemo(
+  const COLUMNS: Column[] = useMemo(
     () => [
       {
         Header: '#',

src/component/modal/setting/settings-tabs/GeneralTabContent.tsx

@@ -6,8 +6,8 @@ import { GroupPane } from '../../../elements/GroupPane';
 import Label, { LabelStyle } from '../../../elements/Label';
 import { NumberInput2Controller } from '../../../elements/NumberInput2Controller';
 import { Select2 } from '../../../elements/Select2';
-import { WorkspaceWithSource } from '../../../reducer/preferences/preferencesReducer';
 import { Select2Controller } from '../../../elements/Select2Controller';
+import { WorkspaceWithSource } from '../../../reducer/preferences/preferencesReducer';
 
 const labelStyle: LabelStyle = {
   label: { flex: 6 },

src/component/modal/setting/settings-tabs/SpectraColorsTabContent.tsx

@@ -4,11 +4,12 @@ import { CSSProperties, useCallback, useMemo } from 'react';
 import { useFormContext, useWatch } from 'react-hook-form';
 import { FaPlus, FaRegTrashAlt } from 'react-icons/fa';
 import { Button } from 'react-science/ui';
-import Label from '../../../elements/Label';
+
 import { useChartData } from '../../../context/ChartContext';
 import { ColorPickerDropdownController } from '../../../elements/ColorPickerDropdownController';
 import { GroupPane } from '../../../elements/GroupPane';
 import { Input2Controller } from '../../../elements/Input2Controller';
+import Label from '../../../elements/Label';
 import ReactTable, { Column } from '../../../elements/ReactTable/ReactTable';
 import { WorkspaceWithSource } from '../../../reducer/preferences/preferencesReducer';
 import { convertPathArrayToString } from '../../../utility/convertPathArrayToString';
@@ -125,8 +126,8 @@ function SpectraColorsFields(props: SpectraColorsProps) {
     props;
   const { control } = useFormContext();
 
-  const COLUMNS: Array<Column<any>> = useMemo(() => {
-    const baseColumns: Array<Column<any>> = [
+  const COLUMNS: Column[] = useMemo(() => {
+    const baseColumns: Column[] = [
       {
         Header: '#',
         style: { width: '25px', textAlign: 'center' },

src/component/panels/ZonesPanel/ZonesTable.tsx

@@ -4,15 +4,15 @@ import { Info2D } from 'nmr-processing';
 import { ReactNode } from 'react';
 import { FaLink } from 'react-icons/fa';
 
+import { withDialog } from '../../elements/DialogManager';
 import { usePanelPreferences } from '../../hooks/usePanelPreferences';
 import useTableSortBy from '../../hooks/useTableSortBy';
+import { EditZoneModal } from '../../modal/editZone/EditZoneModal';
 import NoDataForFid from '../extra/placeholder/NoDataForFid';
 import NoTableData from '../extra/placeholder/NoTableData';
 
 import ZonesTableRow from './ZonesTableRow';
 import { useMapZones } from './hooks/useMapZones';
-import { withDialog } from '../../elements/DialogManager';
-import { EditZoneModal } from '../../modal/editZone/EditZoneModal';
 
 const tableStyle = css`
   border-spacing: 0;

src/component/panels/ZonesPanel/hooks/useZoneActions.tsx

@@ -1,4 +1,5 @@
 import { useDispatch } from '../../../context/DispatchContext';
+
 import { ZoneData } from './useMapZones';
 
 function getZoomDomain(zone: ZoneData, marginFactor = 10) {