fix: install Playwright dependencies and resolve linting issues

- Install Playwright browsers and system dependencies for CI tests
- Auto-fix import organization and formatting issues with Biome v2
- Resolve most linting warnings while preserving functionality
- Tests now pass successfully with Biome v2.2.4 configuration

Author: codegen-sh[bot]

apps/docs/src/examples/middleware-example.tsx

@@ -1,8 +1,8 @@
 import { zodResolver } from '@hookform/resolvers/zod';
 import { TextField } from '@lambdacurry/forms/remix-hook-form';
+import type { ActionFunctionArgs } from 'react-router';
 // Example of using the new middleware feature in remix-hook-form v7.0.0
 import { Form } from 'react-router';
-import type { ActionFunctionArgs } from 'react-router';
 import { RemixFormProvider, useRemixForm } from 'remix-hook-form';
 import { getValidatedFormData } from 'remix-hook-form/middleware';
 import * as zod from 'zod';

apps/docs/src/lib/storybook/react-router-stub.tsx

@@ -2,10 +2,10 @@ import type { Decorator } from '@storybook/react-vite';
 import type { ComponentType } from 'react';
 import {
   type ActionFunction,
+  createRoutesStub,
   type LinksFunction,
   type LoaderFunction,
   type MetaFunction,
-  createRoutesStub,
 } from 'react-router';
 
 export interface StubRouteObject {

apps/docs/src/remix-hook-form/calendar-with-month-year-select.stories.tsx

@@ -7,7 +7,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import { expect, userEvent, within } from '@storybook/test';
 import * as React from 'react';
 import { type ActionFunctionArgs, Form, useFetcher } from 'react-router';
-import { RemixFormProvider, createFormData, getValidatedFormData, useRemixForm } from 'remix-hook-form';
+import { createFormData, getValidatedFormData, RemixFormProvider, useRemixForm } from 'remix-hook-form';
 import { z } from 'zod';
 import { withReactRouterStubDecorator } from '../lib/storybook/react-router-stub';
 

apps/docs/src/remix-hook-form/checkbox-custom.stories.tsx

@@ -8,7 +8,7 @@ import { expect, userEvent, within } from '@storybook/test';
 import type * as React from 'react';
 import type { ActionFunctionArgs } from 'react-router';
 import { useFetcher } from 'react-router';
-import { RemixFormProvider, getValidatedFormData, useRemixForm } from 'remix-hook-form';
+import { getValidatedFormData, RemixFormProvider, useRemixForm } from 'remix-hook-form';
 import { z } from 'zod';
 import { withReactRouterStubDecorator } from '../lib/storybook/react-router-stub';
 

apps/docs/src/remix-hook-form/checkbox-list.stories.tsx

@@ -5,7 +5,7 @@ import { Button } from '@lambdacurry/forms/ui/button';
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { expect, userEvent, type within } from '@storybook/test';
 import { type ActionFunctionArgs, Form, useFetcher } from 'react-router';
-import { RemixFormProvider, createFormData, getValidatedFormData, useRemixForm } from 'remix-hook-form';
+import { createFormData, getValidatedFormData, RemixFormProvider, useRemixForm } from 'remix-hook-form';
 import { z } from 'zod';
 import { withReactRouterStubDecorator } from '../lib/storybook/react-router-stub';
 

apps/docs/src/remix-hook-form/checkbox.stories.tsx

@@ -4,7 +4,7 @@ import { Button } from '@lambdacurry/forms/ui/button';
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { expect, userEvent, within } from '@storybook/test';
 import { type ActionFunctionArgs, useFetcher } from 'react-router';
-import { RemixFormProvider, getValidatedFormData, useRemixForm } from 'remix-hook-form';
+import { getValidatedFormData, RemixFormProvider, useRemixForm } from 'remix-hook-form';
 import { z } from 'zod';
 import { withReactRouterStubDecorator } from '../lib/storybook/react-router-stub';
 

apps/docs/src/remix-hook-form/data-table/data-table-client-side.stories.tsx

@@ -4,14 +4,14 @@ import { columnConfigs, columns } from './data-table-stories.components';
 import {
   DataTable,
   DataTableFilter,
-  type MockIssue,
-  type OnChangeFn,
-  type PaginationState,
-  type SortingState,
   getCoreRowModel,
   getPaginationRowModel,
   getSortedRowModel,
+  type MockIssue,
   mockDatabase,
+  type OnChangeFn,
+  type PaginationState,
+  type SortingState,
   useDataTableFilters,
   useFilterSync,
   useReactTable,

apps/docs/src/remix-hook-form/data-table/data-table-server-driven.stories.tsx

@@ -3,20 +3,20 @@ import { useMemo } from 'react';
 import { type LoaderFunctionArgs, useLoaderData, useSearchParams } from 'react-router';
 import { columnConfigs, columns } from './data-table-stories.components';
 import {
+  calculateFacetedCounts,
   type DataResponse,
   DataTable,
   DataTableFilter,
-  type MockIssue,
-  type OnChangeFn,
-  type PaginationState,
-  type SortingState,
-  calculateFacetedCounts,
   dataTableRouterParsers,
   filtersArraySchema,
   getCoreRowModel,
   getPaginationRowModel,
   getSortedRowModel,
+  type MockIssue,
   mockDatabase,
+  type OnChangeFn,
+  type PaginationState,
+  type SortingState,
   useDataTableFilters,
   useFilterSync,
   useReactTable,

apps/docs/src/remix-hook-form/data-table/data-table-stories.components.tsx

@@ -1,16 +1,16 @@
 import type { ColumnDef } from '@tanstack/react-table';
 import {
+  assigneeOptions,
   CalendarIcon,
   CheckCircledIcon,
+  createColumnConfigHelper,
   DataTableColumnHeader,
   type MockIssue,
   PersonIcon,
-  StarIcon,
-  TextIcon,
-  assigneeOptions,
-  createColumnConfigHelper,
   priorityOptions,
+  StarIcon,
   statusOptions,
+  TextIcon,
 } from './data-table-stories.helpers';
 
 // --- Column Configuration ---

apps/docs/src/remix-hook-form/data-table/data-table-stories.helpers.ts

@@ -218,16 +218,16 @@ export const priorityOptions = [
 
 // --- Shared Imports (for re-export) ---
 export { dataTableRouterParsers } from '@lambdacurry/forms/remix-hook-form/data-table-router-parsers';
+export { DataTable } from '@lambdacurry/forms/ui/data-table/data-table';
+export { DataTableColumnHeader } from '@lambdacurry/forms/ui/data-table/data-table-column-header';
 export { DataTableFilter } from '@lambdacurry/forms/ui/data-table-filter/components/data-table-filter';
 export { createColumnConfigHelper } from '@lambdacurry/forms/ui/data-table-filter/core/filters';
 export { useDataTableFilters } from '@lambdacurry/forms/ui/data-table-filter/hooks/use-data-table-filters';
-export { DataTable } from '@lambdacurry/forms/ui/data-table/data-table';
-export { DataTableColumnHeader } from '@lambdacurry/forms/ui/data-table/data-table-column-header';
 export type { FiltersState } from '@lambdacurry/forms/ui/utils/filters';
 export { filtersArraySchema } from '@lambdacurry/forms/ui/utils/filters';
 export { useFilterSync } from '@lambdacurry/forms/ui/utils/use-filter-sync';
 export { CalendarIcon, CheckCircledIcon, PersonIcon, StarIcon, TextIcon } from '@radix-ui/react-icons';
-export type { ColumnDef, PaginationState, SortingState, OnChangeFn } from '@tanstack/react-table';
+export type { ColumnDef, OnChangeFn, PaginationState, SortingState } from '@tanstack/react-table';
 export { getCoreRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from '@tanstack/react-table';
 export { useMemo } from 'react';
 export { type LoaderFunctionArgs, useLoaderData, useLocation, useNavigate, useSearchParams } from 'react-router';