Switch to biome for frontend lint/format (#980)

Author: InfiniteStash

frontend/.prettierignore

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.2.0/schema.json",
+  "vcs": { "enabled": false, "clientKind": "git", "useIgnoreFile": false },
+  "files": {
+    "ignoreUnknown": false,
+    "includes": ["src/**", "!src/graphql/types.ts"]
+  },
+  "formatter": { "enabled": true, "indentStyle": "space", "indentWidth": 2 },
+  "javascript": { "formatter": { "quoteStyle": "double" }, "globals": [] },
+  "linter": {
+    "rules": {
+      "a11y": {
+        "useSemanticElements": "off"
+      },
+      "correctness": {
+        "useUniqueElementIds": "off"
+      }
+    }
+  },
+  "assist": {
+    "enabled": true,
+    "actions": { "source": { "organizeImports": "on" } }
+  }
+}

frontend/.stylelintrc

@@ -17,6 +17,3 @@ generates:
       namingConvention:
         enumValues: change-case-all#upperCase
       nonOptionalTypename: true
-hooks:
-  afterAllFileWrite:
-    - prettier --write

frontend/apollo.config.js

@@ -7,12 +7,10 @@
     "start": "vite --host",
     "build": "vite build",
     "validate": "pnpm lint && pnpm format-check && tsc --noEmit",
-    "lint": "pnpm lint:css && pnpm lint:js",
-    "lint:js": "eslint --cache src/**/*.{ts,tsx}",
-    "lint:css": "stylelint \"src/**/*.scss\"",
+    "lint": "pnpm biome lint src",
     "generate": "graphql-codegen --config codegen.yml",
-    "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx,scss,gql}\"",
-    "format-check": "prettier --check \"src/**/*.{js,jsx,ts,tsx,scss,gql}\"",
+    "format": "pnpm biome format --write",
+    "format-check": "pnpm biome format",
     "analyze": "analyze=true vite build"
   },
   "engines": {
@@ -22,6 +20,7 @@
   },
   "packageManager": "[email protected]",
   "devDependencies": {
+    "@biomejs/biome": "^2.2.0",
     "@graphql-codegen/cli": "^5.0.3",
     "@graphql-codegen/typed-document-node": "^5.0.11",
     "@graphql-codegen/typescript": "^4.1.1",
@@ -35,22 +34,10 @@
     "@types/react-dom": "^18.3.1",
     "@types/react-helmet": "^6.1.11",
     "@vitejs/plugin-react-swc": "^3.7.1",
-    "eslint": "^9.15.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-react": "^7.37.2",
-    "eslint-plugin-react-hooks": "^5.0.0",
     "globule": "^1.3.4",
-    "prettier": "3.3.3",
     "rollup-plugin-analyzer": "^4.0.0",
     "sass": "~1.77.6",
-    "stylelint": "^16.10.0",
-    "stylelint-config-standard": "^36.0.1",
-    "stylelint-config-standard-scss": "^13.1.0",
-    "stylelint-scss": "^6.9.0",
     "typescript": "~5.6.3",
-    "typescript-eslint": "^8.15.0",
     "vite": "^5.4.19",
     "vite-tsconfig-paths": "^5.1.3"
   },