feat: add lint check workflow and lint all files (#2553)

* feat: added lint check worlfkow

* feat: lint all files

* chore: update lint workflow

* chore: update lint workflow

---------

Co-authored-by: Thinh <ngocthinhdp@gmail.com>

Author: adithyaakrishna

.github/workflows/lint.yml

@@ -0,0 +1,65 @@
+name: Lint Check
+
+on:
+  push:
+    branches: main
+    paths:
+      - 'web/frontend/**'
+      - 'web/personas-open-source/**'
+  pull_request:
+    branches: main
+    paths:
+      - 'web/frontend/**'
+      - 'web/personas-open-source/**'
+
+jobs:
+  lint-frontend:
+    name: Lint Frontend
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: ./web/frontend
+    
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '18'
+          cache: 'npm'
+          cache-dependency-path: './web/frontend/package-lock.json'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Run ESLint
+        run: npm run lint
+
+      - name: Check Prettier formatting
+        run: npm run lint:format -- --check
+
+  lint-personas:
+    name: Lint Personas Open Source
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: ./web/personas-open-source
+    
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '18'
+          cache: 'npm'
+          cache-dependency-path: './web/personas-open-source/package-lock.json'
+
+      - name: Install dependencies
+        run: npm ci --legacy-peer-deps
+
+      - name: Run ESLint
+        run: npm run lint

web/frontend/.eslintrc.cjs

@@ -37,11 +37,17 @@ module.exports = {
     'prettier/prettier': ['error', {}, { usePrettierrc: true }],
     'react/react-in-jsx-scope': 'off',
     'jsx-a11y/accessible-emoji': 'off',
+    'jsx-a11y/label-has-associated-control': 'off',
+    'jsx-a11y/no-static-element-interactions': 'off',
+    'jsx-a11y/click-events-have-key-events': 'off',
     'react/prop-types': 'off',
     '@typescript-eslint/explicit-function-return-type': 'off',
     '@typescript-eslint/ban-ts-comment': 'off',
     'simple-import-sort/imports': 'off',
     'simple-import-sort/exports': 'off',
+    // Add warnings for specific rules
+    'react/no-unescaped-entities': 'warn',
+    'jsx-a11y/heading-has-content': 'warn',
     'jsx-a11y/anchor-is-valid': [
       'error',
       {

web/frontend/.prettierrc.js

@@ -5,4 +5,6 @@ module.exports = {
   printWidth: 90,
   tabWidth: 2,
   endOfLine: 'auto',
+  htmlWhitespaceSensitivity: 'css',
+  singleAttributePerLine: false,
 };