Migrate to biome and add lint, typecheck to CI (#25)

Closes #24

This pull request migrates the project from ESLint and Prettier to Biome
for linting and formatting, updates the continuous integration workflow
to use Biome and TypeScript type checking, and standardizes TypeScript
types and dependencies across packages. It also improves import ordering
and code style consistency in several files.

Migration to Biome (Linting & Formatting):

* Added `biome.json` configuration file and Biome as a dev dependency in
`package.json`, specifying formatting, linting, and ignore rules.
* Replaced ESLint and Prettier scripts with Biome equivalents in
`package.json` and `.lintstagedrc.json`, removing related config and
ignore files (`.eslintrc.js`, `.eslintignore`, `.prettierrc.json`,
`.prettierignore`).
* Updated import ordering and code style in multiple files for
consistency with Biome formatting.

Continuous Integration Workflow Updates:

* Updated `.github/workflows/ci.yml` to run Biome linting and TypeScript
type checking before tests and build.
* Revised `.github/CI.md` to document the new CI steps and local
development commands, replacing ESLint/Prettier references with Biome
and typecheck steps.

TypeScript and Dependency Standardization:

* Standardized `@types/react` and `@types/react-dom` to version
`^18.2.0` in both root and `experience-editor` package dependencies.

These changes modernize the project's code quality tooling, improve
developer experience, and ensure consistent formatting and type safety
across the codebase.

Author: prosdev

.eslintignore

@@ -7,13 +7,13 @@ This project uses GitHub Actions for continuous integration. The CI workflow run
 The CI workflow (`.github/workflows/ci.yml`) runs the following checks in sequence:
 
 1. **Install dependencies** - `yarn install --frozen-lockfile`
-2. **Test** - `yarn test` - Runs all unit tests (currently 39 tests)
-3. **Build** - `yarn build` - Verifies all packages build successfully
+2. **Lint** - `yarn lint` - Runs Biome linter on all source files
+3. **Type check** - `yarn typecheck` - Runs TypeScript type checking across all packages
+4. **Test** - `yarn test` - Runs all unit tests (currently 39 tests)
+5. **Build** - `yarn build` - Verifies all packages build successfully
 
 All checks must pass before code can be merged to `main`.
 
-> **Note:** Linting and type checking will be added after resolving existing type errors and migrating to Biome.
-
 ## Environment
 - **Node version:** 22.20.0
 - **Yarn version:** 1.22.18
@@ -23,12 +23,19 @@ All checks must pass before code can be merged to `main`.
 Before pushing your changes, you can run the same checks locally:
 
 ```bash
-# Run all checks
+# Run all checks in sequence
 yarn install --frozen-lockfile
+yarn lint
+yarn typecheck
 yarn test
 yarn build
 
 # Or run them individually as needed
+yarn lint          # Check code quality with Biome
+yarn lint:fix      # Fix auto-fixable linting issues
+yarn typecheck     # Check TypeScript types
+yarn test          # Run unit tests
+yarn build         # Build all packages
 ```
 
 ## Troubleshooting

.eslintrc.js

@@ -34,6 +34,12 @@ jobs:
           restore-keys: |
             ${{ runner.os }}-nx-
 
+      - name: Lint
+        run: yarn lint
+
+      - name: Type check
+        run: yarn typecheck
+
       - name: Test
         run: yarn test
 

.github/CI.md

@@ -1,4 +1,5 @@
 {
-  "{packages,entrypoints,web-components,viz-service}/**/*.{js,jsx,ts,tsx,json,css,scss,md}": "prettier --write",
-  "{packages,entrypoints,web-components,viz-service}/**/*.+(js,jsx,ts,tsx,json,css,scss,md)": "eslint"
+  "{packages}/**/*.{js,jsx,ts,tsx,json,css,md}": [
+    "biome check --write --no-errors-on-unmatched --files-ignore-unknown=true"
+  ]
 }

.github/workflows/ci.yml

@@ -1,11 +1,5 @@
-import React from "react";
-
 const defaultDecorator = (Story: any, context: any) => {
-  return (
-    <>
-      <Story {...context} />
-    </>
-  );
+  return <Story {...context} />;
 };
 
 export const decorators = [defaultDecorator];

.lintstagedrc.json

@@ -1,9 +1,10 @@
 /// <reference types="vite/client"/>
 /// <reference types="vitest/globals"/>
-import { describe, expect, test } from "vitest";
+
+import { composeStories, Meta, StoryFn } from "@storybook/react";
 import { render, waitForElementToBeRemoved } from "@testing-library/react";
-import { Meta, StoryFn, composeStories } from "@storybook/react";
 import { parseISO } from "date-fns";
+import { describe, expect, test } from "vitest";
 import * as globalConfig from "./preview";
 
 vi?.useFakeTimers().setSystemTime(parseISO("2020-01-01"));
@@ -23,13 +24,13 @@ describe("Storybook Snapshots", async () => {
     modules
       .filter((module) => !/skip-storyshots/.test(module.default.title!))
       .map((module) => [module.default.title!, module]),
-  )("%s", (moduleName, module) => {
+  )("%s", (_moduleName, module) => {
     test.each(
       Object.values(composeStories(module, globalConfig)).map((Story) => [
         Story.storyName!,
         Story,
       ]),
-    )("%s", async (storyName, Story) => {
+    )("%s", async (_storyName, Story) => {
       const { container } = await render(Story({}));
       if (container.querySelector(".MuiCircularProgress-indeterminate")) {
         await waitForElementToBeRemoved(() =>

.prettierignore

@@ -2,7 +2,6 @@ import { mergeConfig } from "vite";
 
 import { default as base } from "../config/entrypoint/vite.config";
 
-
 export default mergeConfig(base, {
   test: {
     environment: "happy-dom",