chore: setup import ordering with Biome (#77)

* chore: setup import ordering with Biome

- Enable organizeImports assist action in biome.json
- Update lint-staged to use `biome check --write` for combined
  linting, formatting, and import sorting on pre-commit
- Update CI to use `pnpm check` instead of separate lint/format commands

Signed-off-by: Jorge Calvar <jorge.calvar@databricks.com>

* chore: apply import ordering to docs

- Add docs:check and docs:check:fix commands for combined lint/format/import sorting
- Keep docs:format and docs:lint commands (without --write) for checking only
- Restore root format, format:check, lint, lint:fix commands
- Update CI to use docs:check:fix for generated docs

Signed-off-by: Jorge Calvar <jorge.calvar@databricks.com>

---------

Signed-off-by: Jorge Calvar <jorge.calvar@databricks.com>

Author: calvarjorge

.github/workflows/ci.yml

@@ -50,10 +50,8 @@ jobs:
           cache: 'pnpm'
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
-      - name: Run Lint
-        run: pnpm run lint
-      - name: Run Format Check
-        run: pnpm run format:check
+      - name: Run Biome Check
+        run: pnpm run check
       - name: Run Types Check
         run: pnpm run typecheck
       - name: Run License Check
@@ -98,10 +96,8 @@ jobs:
         run: pnpm install --frozen-lockfile
       - name: Build Docs
         run: pnpm run docs:build
-      - name: Lint Generated Docs
-        run: pnpm run docs:lint
-      - name: Format Generated Docs
-        run: pnpm run docs:format
+      - name: Check Generated Docs
+        run: pnpm run docs:check
       - name: Check for uncommitted docs changes
         run: |
           if ! git diff --exit-code docs/docs/api/; then
@@ -112,7 +108,7 @@ jobs:
             echo ""
             echo "To fix this:"
             echo "  1. Run: pnpm docs:build"
-            echo "  2. Run: pnpm docs:format"
+            echo "  2. Run: pnpm docs:check:fix"
             echo "  3. Review and commit the changes"
             echo ""
             exit 1

apps/clean-app/eslint.config.js

@@ -1,9 +1,9 @@
 import js from "@eslint/js";
-import globals from "globals";
+import { defineConfig, globalIgnores } from "eslint/config";
 import reactHooks from "eslint-plugin-react-hooks";
 import reactRefresh from "eslint-plugin-react-refresh";
+import globals from "globals";
 import tseslint from "typescript-eslint";
-import { defineConfig, globalIgnores } from "eslint/config";
 
 export default defineConfig([
   globalIgnores(["dist"]),

apps/clean-app/vite.config.ts

@@ -1,5 +1,5 @@
-import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
 
 // https://vite.dev/config/
 export default defineConfig({

apps/dev-playground/client/src/components/analytics/filter-bar.tsx

@@ -1,4 +1,3 @@
-import type { Aggregation, DashboardFilters } from "@/lib/types";
 import {
   Card,
   CardContent,
@@ -8,6 +7,7 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@databricks/appkit-ui/react";
+import type { Aggregation, DashboardFilters } from "@/lib/types";
 
 interface FilterBarProps {
   filters: DashboardFilters;

apps/dev-playground/client/src/components/analytics/untagged-apps-table.tsx

@@ -1,11 +1,11 @@
-import { AppsDataTable } from "@/components/apps-data-table";
 import {
   Card,
   CardContent,
   CardDescription,
   CardHeader,
   CardTitle,
 } from "@databricks/appkit-ui/react";
+import { AppsDataTable } from "@/components/apps-data-table";
 
 interface UntaggedApp {
   id: string;

apps/dev-playground/client/src/components/analytics/usage-trends-chart.tsx

@@ -1,6 +1,6 @@
 import { sql } from "@databricks/appkit-ui/js";
-import { BarChart } from "@databricks/appkit-ui/react";
 import {
+  BarChart,
   Card,
   CardContent,
   CardHeader,

apps/dev-playground/client/src/components/error-component.tsx

@@ -1,11 +1,11 @@
-import { type ErrorComponentProps, Link } from "@tanstack/react-router";
 import {
   Button,
   Card,
   CardContent,
   CardHeader,
   CardTitle,
 } from "@databricks/appkit-ui/react";
+import { type ErrorComponentProps, Link } from "@tanstack/react-router";
 
 export function ErrorComponent({ error }: { error: ErrorComponentProps }) {
   return (

apps/dev-playground/client/src/components/layout/header.tsx

@@ -1,9 +1,9 @@
-import { InfoIcon } from "lucide-react";
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
 } from "@databricks/appkit-ui/react";
+import { InfoIcon } from "lucide-react";
 
 export function Header({
   title,

apps/dev-playground/client/src/components/reconnect/page-header.tsx

@@ -1,9 +1,9 @@
-import { InfoIcon } from "lucide-react";
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
 } from "@databricks/appkit-ui/react";
+import { InfoIcon } from "lucide-react";
 
 export function PageHeader() {
   return (

apps/dev-playground/client/src/components/theme-selector.tsx

@@ -1,12 +1,12 @@
-import { useEffect, useState } from "react";
-import { MoonIcon, SunIcon, MonitorIcon } from "lucide-react";
 import {
+  Button,
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from "@databricks/appkit-ui/react";
-import { Button } from "@databricks/appkit-ui/react";
+import { MonitorIcon, MoonIcon, SunIcon } from "lucide-react";
+import { useEffect, useState } from "react";
 
 type Theme = "light" | "dark" | "system";