[CI] Set up ESLint CI

.github/workflows/lint.yaml

@@ -0,0 +1,21 @@
+name: lint
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+  workflow_dispatch:
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Run ESLint
+        run: npm run lint

.github/workflows/prettier.yaml

@@ -6,7 +6,7 @@ on:
       - main
   pull_request:
   workflow_dispatch:
-      
+
 jobs:
   prettier-check:
     runs-on: ubuntu-latest

.lintstagedrc.json

@@ -1,6 +1,3 @@
 {
-  "*.{ts,tsx}": [
-    "npm run lint",
-    "npm run format"
-  ]
+  "*.{ts,tsx}": ["npm run lint", "npm run format"]
 }

src/components/ResultCard.tsx

@@ -1,4 +1,4 @@
-import { memo } from 'react'
+import { memo } from 'react';
 import Button from '@mui/material/Button';
 import Card from '@mui/material/Card';
 import CardContent from '@mui/material/CardContent';
@@ -7,25 +7,26 @@ import ButtonGroup from '@mui/material/ButtonGroup';
 import Typography from '@mui/material/Typography';
 import { modalities } from '../utils/constants';
 
-const ResultCard = memo(({
-  nodeName,
-  datasetUUID,
-  datasetName,
-  datasetTotalSubjects,
-  numMatchingSubjects,
-  imageModals,
-  checked,
-  onCheckboxChange,
-}: {
-  nodeName: string;
-  datasetName: string;
-  datasetUUID: string;
-  datasetTotalSubjects: number;
-  numMatchingSubjects: number;
-  imageModals: string[];
-  checked: boolean;
-  onCheckboxChange: (id: string) => void;
-}) => (
+const ResultCard = memo(
+  ({
+    nodeName,
+    datasetUUID,
+    datasetName,
+    datasetTotalSubjects,
+    numMatchingSubjects,
+    imageModals,
+    checked,
+    onCheckboxChange,
+  }: {
+    nodeName: string;
+    datasetName: string;
+    datasetUUID: string;
+    datasetTotalSubjects: number;
+    numMatchingSubjects: number;
+    imageModals: string[];
+    checked: boolean;
+    onCheckboxChange: (id: string) => void;
+  }) => (
     <Card data-cy={`card-${datasetUUID}`}>
       <CardContent>
         <div className="grid grid-cols-12 items-center gap-2">
@@ -59,6 +60,7 @@ const ResultCard = memo(({
         </div>
       </CardContent>
     </Card>
-  ));
+  )
+);
 
 export default ResultCard;