feat: Sync biome and prettier configs from deepnote/deepnote

- Copy biome.json configuration for TypeScript/JavaScript linting and formatting
- Update .prettierrc.js to only handle markdown and YAML files
- Add @biomejs/biome, update lint-staged, husky, and prettier versions
- Add biome:check, biome:check:fix, lintAndFormat, and prettier scripts
- Add lint-staged configuration for automated pre-commit formatting
- Update CI workflow to use new lintAndFormat command

This migrates the linting/formatting setup to match the main deepnote/deepnote repository,
using Biome for JS/TS files and Prettier only for markdown and YAML files.

Related to: GRN-4939

Author: devin-ai-integration[bot]

.github/workflows/ci.yml

@@ -41,11 +41,8 @@ jobs:
         env:
           NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
-      - name: Run ESLint
-        run: npm run lint
-
-      - name: Check Prettier formatting
-        run: npm run format
+      - name: Run linting and formatting checks
+        run: npm run lintAndFormat
 
   typecheck:
     name: TypeCheck

.prettierrc.js

@@ -1,9 +1,9 @@
 module.exports = {
     singleQuote: true,
     printWidth: 120,
-    tabWidth: 4,
+    tabWidth: 2,
     endOfLine: 'auto',
-    trailingComma: 'none',
+    trailingComma: 'es5',
     overrides: [
         {
             files: ['*.yml', '*.yaml'],
@@ -16,12 +16,6 @@ module.exports = {
             options: {
                 tabWidth: 2
             }
-        },
-        {
-            files: ['**/datascience/serviceRegistry.ts'],
-            options: {
-                printWidth: 240
-            }
         }
     ]
 };

biome.json

@@ -0,0 +1,81 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.2.5/schema.json",
+  "vcs": { "enabled": true, "clientKind": "git", "useIgnoreFile": true },
+  "files": { "ignoreUnknown": false },
+  "formatter": {
+    "enabled": true,
+    "formatWithErrors": false,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineEnding": "lf",
+    "lineWidth": 120,
+    "attributePosition": "auto",
+    "bracketSameLine": false,
+    "bracketSpacing": true,
+    "expand": "auto",
+    "useEditorconfig": true,
+    "includes": ["**", "!./coverage", "!./dist", "!**/package.json"]
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true,
+      "a11y": {
+        "recommended": true
+      },
+      "complexity": {
+        "recommended": true,
+        "noBannedTypes": "error",
+        "noUselessTypeConstraint": "error"
+      },
+      "correctness": {
+        "recommended": true,
+        "noUnusedImports": "error",
+        "noUnusedFunctionParameters": "error",
+        "noUnusedPrivateClassMembers": "error",
+        "useHookAtTopLevel": "error"
+      },
+      "performance": {
+        "recommended": true
+      },
+      "security": {
+        "recommended": true
+      },
+      "style": {
+        "recommended": true,
+        "noNonNullAssertion": "error",
+        "useArrayLiterals": "error",
+        "useConst": "error",
+        "useForOf": "error",
+        "useImportType": "error",
+        "useNodejsImportProtocol": "error",
+        "useNumberNamespace": "error"
+      },
+      "suspicious": {
+        "recommended": true,
+        "noEmptyInterface": "error",
+        "noExplicitAny": "error",
+        "noConsole": "warn",
+        "noDebugger": "error"
+      }
+    }
+  },
+  "javascript": {
+    "formatter": {
+      "jsxQuoteStyle": "single",
+      "quoteProperties": "preserve",
+      "trailingCommas": "es5",
+      "semicolons": "asNeeded",
+      "arrowParentheses": "asNeeded",
+      "bracketSameLine": false,
+      "quoteStyle": "single",
+      "attributePosition": "auto",
+      "bracketSpacing": true
+    }
+  },
+  "html": { "formatter": { "selfCloseVoidElements": "always" } },
+  "assist": {
+    "enabled": true,
+    "actions": { "source": { "organizeImports": "on" } }
+  }
+}