Biome linting integration (#816)

* add biome to dependencies

* biome init config

* migrate prettier configs to biome

see biome docs here 'https://biomejs.dev/guides/migrate-eslint-prettier/#migrate-from-prettier'

* migrate eslint configs to biome

* run biome check --fix to apply automatic fomatting and linting fixes

* lower level for existing errors from biome config

client/app/components/Charts/GeneratorStatusAreaChart/GeneratorStatusAreaChart.spec.tsx

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/react';
-import { GeneratorStatusAreaChart } from './GeneratorStatusAreaChart';
 import { describe, it } from 'vitest';
+import { GeneratorStatusAreaChart } from './GeneratorStatusAreaChart';
 
 // This is a awful, dummy test we're using to run out dummy charts
 describe('GeneratorStatusAreaChart', () => {

client/app/components/Charts/ManifestCountBarChart/ManifestCountBarChart.spec.tsx

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/react';
-import { ManifestCountBarChart } from './ManifestCountBarChart';
 import { describe, it } from 'vitest';
+import { ManifestCountBarChart } from './ManifestCountBarChart';
 
 // This is a awful, dummy test we're using to run out dummy charts
 describe('ManifestCountBarChart', () => {

client/app/components/Charts/ManifestStatusPieChart/ManifestStatusPieChart.spec.tsx

@@ -1,5 +1,5 @@
-import { ManifestStatusPieChart } from '~/components/Charts';
 import { describe, it } from 'vitest';
+import { ManifestStatusPieChart } from '~/components/Charts';
 import { renderWithProviders } from '~/mocks';
 
 // This is a awful, dummy test we're using to run out dummy charts

client/app/components/Manifest/Actions/ManifestCancelBtn.tsx

@@ -2,9 +2,9 @@ import React, { useContext } from 'react';
 import { useFormContext } from 'react-hook-form';
 import { FaTrash } from 'react-icons/fa';
 import { useNavigate } from 'react-router';
-import { HtButton } from '~/components/legacyUi';
 import { ManifestContext } from '~/components/Manifest/ManifestForm';
 import { Manifest } from '~/components/Manifest/manifestSchema';
+import { HtButton } from '~/components/legacyUi';
 import { useReadOnly } from '~/hooks/manifest';
 
 export function ManifestCancelBtn() {

client/app/components/Manifest/Actions/ManifestEditBtn.tsx

@@ -2,8 +2,8 @@ import React, { useContext } from 'react';
 import { ButtonProps } from 'react-bootstrap';
 import { FaPenToSquare } from 'react-icons/fa6';
 import { useNavigate } from 'react-router';
-import { HtButton } from '~/components/legacyUi';
 import { ManifestContext } from '~/components/Manifest/ManifestForm';
+import { HtButton } from '~/components/legacyUi';
 import { useReadOnly } from '~/hooks/manifest';
 
 type ManifestEditBtnProps = ButtonProps;

client/app/components/Manifest/Actions/ManifestFABs.spec.tsx

@@ -3,8 +3,8 @@ import { ManifestContext } from '~/components/Manifest/ManifestForm';
 import { ManifestStatus } from '~/components/Manifest/manifestSchema';
 import { useReadOnly } from '~/hooks/manifest';
 
-import { cleanup, renderWithProviders, screen } from '~/mocks';
 import { afterEach, describe, expect, test } from 'vitest';
+import { cleanup, renderWithProviders, screen } from '~/mocks';
 
 const TestComponent = ({
   status,

client/app/components/Manifest/Actions/ManifestFABs.tsx

@@ -1,9 +1,9 @@
-import { FloatingActionBtn } from '~/components/legacyUi';
 import React, { ReactElement, useContext } from 'react';
 import { ManifestEditBtn } from '~/components/Manifest/Actions/ManifestEditBtn';
 import { ManifestSaveBtn } from '~/components/Manifest/Actions/ManifestSaveBtn';
 import { ManifestContext } from '~/components/Manifest/ManifestForm';
 import { QuickSignBtn } from '~/components/Manifest/QuickerSign';
+import { FloatingActionBtn } from '~/components/legacyUi';
 import { useReadOnly } from '~/hooks/manifest';
 
 interface ManifestActionBtnsProps {

client/app/components/Manifest/AdditionalInfo/AdditionalInfoForm.tsx

@@ -1,9 +1,9 @@
 import { Button, Col, Form, Row } from 'react-bootstrap';
 import { useFieldArray, useFormContext } from 'react-hook-form';
 import { FaTimesCircle } from 'react-icons/fa';
-import { HtForm } from '~/components/legacyUi';
 import { Manifest } from '~/components/Manifest';
 import { WasteLine } from '~/components/Manifest/WasteLine';
+import { HtForm } from '~/components/legacyUi';
 import { useReadOnly } from '~/hooks/manifest';
 
 export function AdditionalInfoForm() {

client/app/components/Manifest/AdditionalInfo/AdditionalinfoForm.spec.tsx

@@ -1,8 +1,8 @@
 import { fireEvent } from '@testing-library/react';
 import { AdditionalInfoForm } from '~/components/Manifest/AdditionalInfo';
 
-import { cleanup, renderWithProviders, screen } from '~/mocks';
 import { afterEach, describe, expect, test } from 'vitest';
+import { cleanup, renderWithProviders, screen } from '~/mocks';
 
 afterEach(() => {
   cleanup();

client/app/components/Manifest/Address/AddressForm.spec.tsx

@@ -1,6 +1,6 @@
+import { afterEach, describe, expect, test } from 'vitest';
 import { cleanup, renderWithProviders, screen } from '~/mocks';
 import { AddressForm } from './AddressForm';
-import { afterEach, describe, test, expect } from 'vitest';
 
 afterEach(() => {
   cleanup();

client/app/components/Manifest/Address/GeneratorAddress.tsx

@@ -1,5 +1,4 @@
 import { ErrorMessage } from '@hookform/error-message';
-import { HtForm } from '~/components/legacyUi';
 import React, { useContext } from 'react';
 import { Col, Form, Row } from 'react-bootstrap';
 import { Controller, FieldError, FieldErrorsImpl, Merge, useFormContext } from 'react-hook-form';
@@ -8,6 +7,7 @@ import { CountryCode, StateCode } from '~/components/Manifest/Address/StateSelec
 import { ManifestContext, ManifestContextType } from '~/components/Manifest/ManifestForm';
 import { Manifest } from '~/components/Manifest/manifestSchema';
 import { RcraAddress } from '~/components/RcraSite';
+import { HtForm } from '~/components/legacyUi';
 
 interface GeneratorAddressProps {
   addressType: 'siteAddress' | 'mailingAddress';

client/app/components/Manifest/Contact/ContactForm.spec.tsx

@@ -1,6 +1,6 @@
+import { afterEach, describe, expect, test } from 'vitest';
 import { cleanup, renderWithProviders, screen } from '~/mocks';
 import { ContactForm } from './ContactForm';
-import { afterEach, describe, test, expect } from 'vitest';
 
 afterEach(() => {
   cleanup();

client/app/components/Manifest/Contact/PhoneForm.spec.tsx

@@ -1,7 +1,7 @@
 import { PhoneForm } from '~/components/Manifest/Contact';
 
-import { cleanup, renderWithProviders, screen } from '~/mocks';
 import { afterEach, describe, expect, test } from 'vitest';
+import { cleanup, renderWithProviders, screen } from '~/mocks';
 
 afterEach(() => {
   cleanup();

client/app/components/Manifest/Contact/PhoneForm.tsx

@@ -1,8 +1,8 @@
-import { HtForm } from '~/components/legacyUi';
 import React, { useState } from 'react';
 import { Col, Form, Row } from 'react-bootstrap';
 import { useFormContext } from 'react-hook-form';
 import { Manifest } from '~/components/Manifest';
+import { HtForm } from '~/components/legacyUi';
 
 interface ContactFormProps {
   handlerType: 'generator' | 'designatedFacility';

client/app/components/Manifest/GeneralInfo/GeneralInfoForm.spec.tsx

@@ -1,5 +1,5 @@
-import { cleanup, renderWithProviders, screen } from '~/mocks';
 import { afterEach, describe, expect, test } from 'vitest';
+import { cleanup, renderWithProviders, screen } from '~/mocks';
 import { GeneralInfoForm } from './GeneralInfoForm';
 
 afterEach(() => {

client/app/components/Manifest/GeneralInfo/ManifestTypeField.spec.tsx

@@ -1,11 +1,11 @@
 import userEvent from '@testing-library/user-event';
-import { ManifestTypeSelect } from '~/components/Manifest/GeneralInfo/ManifestTypeSelect';
 import { setupServer } from 'msw/node';
+import { ManifestTypeSelect } from '~/components/Manifest/GeneralInfo/ManifestTypeSelect';
 
+import { afterAll, afterEach, beforeAll, describe, expect, test } from 'vitest';
 import { cleanup, renderWithProviders, screen } from '~/mocks';
 import { createMockHandler } from '~/mocks/fixtures';
 import { mockUserEndpoints } from '~/mocks/handlers';
-import { afterAll, afterEach, beforeAll, describe, expect, test } from 'vitest';
 
 const server = setupServer(...mockUserEndpoints);
 afterEach(() => cleanup());

client/app/components/Manifest/GeneralInfo/ManifestTypeSelect.tsx

@@ -1,8 +1,8 @@
-import { HtForm } from '~/components/legacyUi';
 import React, { useState } from 'react';
 import { Controller, useFormContext } from 'react-hook-form';
 import Select, { SingleValue } from 'react-select';
 import { Manifest, ManifestStatus, SubmissionType } from '~/components/Manifest/manifestSchema';
+import { HtForm } from '~/components/legacyUi';
 import { useManifestStatus } from '~/hooks/manifest';
 
 interface SubmissionTypeOption {

client/app/components/Manifest/Generator/GeneratorForm.spec.tsx

@@ -1,8 +1,8 @@
 import { fireEvent } from '@testing-library/react';
 import { siteType } from '~/components/Manifest/manifestSchema';
 
-import { cleanup, renderWithProviders, screen } from '~/mocks';
 import { afterEach, describe, expect, test } from 'vitest';
+import { cleanup, renderWithProviders, screen } from '~/mocks';
 import { GeneratorForm } from './GeneratorForm';
 
 afterEach(() => {

client/app/components/Manifest/Generator/GeneratorForm.tsx

@@ -1,9 +1,9 @@
-import { HtForm } from '~/components/legacyUi';
 import { ReactElement, useEffect, useState } from 'react';
 import { Col, Form, Row } from 'react-bootstrap';
 import { useFormContext } from 'react-hook-form';
 import { Manifest } from '~/components/Manifest';
 import { AddressForm } from '~/components/Manifest/Address';
+import { HtForm } from '~/components/legacyUi';
 import { useReadOnly } from '~/hooks/manifest';
 
 /**

client/app/components/Manifest/Generator/GeneratorSection.spec.tsx

@@ -1,6 +1,6 @@
+import { afterEach, describe, expect, test } from 'vitest';
 import { cleanup, renderWithProviders, screen } from '~/mocks';
 import { createMockHandler } from '~/mocks/fixtures';
-import { afterEach, describe, expect, test } from 'vitest';
 import { GeneratorSection } from './GeneratorSection';
 
 afterEach(() => cleanup());

client/app/components/Manifest/Generator/GeneratorSection.tsx

@@ -3,11 +3,11 @@ import React, { useEffect, useState } from 'react';
 import { Alert, Button, Col, Stack } from 'react-bootstrap';
 import { useFormContext } from 'react-hook-form';
 import { useSearchParams } from 'react-router';
-import { HtButton } from '~/components/legacyUi';
 import { ContactForm, PhoneForm } from '~/components/Manifest/Contact';
-import { Handler, Manifest } from '~/components/Manifest/manifestSchema';
 import { QuickSignBtn } from '~/components/Manifest/QuickerSign';
+import { Handler, Manifest } from '~/components/Manifest/manifestSchema';
 import { RcraSiteDetails } from '~/components/RcraSite/RcraSiteDetails';
+import { HtButton } from '~/components/legacyUi';
 import { Spinner } from '~/components/ui';
 import { useReadOnly } from '~/hooks/manifest';
 import { useHandlerSearchConfig } from '~/hooks/manifest/useOpenHandlerSearch/useHandlerSearchConfig';

client/app/components/Manifest/Handler/Search/HandlerSearchForm.tsx

@@ -1,4 +1,3 @@
-import { HtForm } from '~/components/legacyUi';
 import React, { useContext, useEffect, useState } from 'react';
 import { Button, Col, Row } from 'react-bootstrap';
 import {
@@ -14,8 +13,9 @@ import { RcrainfoSiteSearchBadge } from '~/components/Manifest/Handler/Search/Rc
 import { ManifestContext, ManifestContextType } from '~/components/Manifest/ManifestForm';
 import { Manifest, SiteType, Transporter } from '~/components/Manifest/manifestSchema';
 import { RcraSite } from '~/components/RcraSite';
+import { HtForm } from '~/components/legacyUi';
 import { useDebounce } from '~/hooks';
-import { useGetProfileQuery, useSearchRcrainfoSitesQuery, useSearchRcraSitesQuery } from '~/store';
+import { useGetProfileQuery, useSearchRcraSitesQuery, useSearchRcrainfoSitesQuery } from '~/store';
 
 interface Props {
   handleClose: () => void;

client/app/components/Manifest/Handler/index.ts

@@ -1,4 +1,4 @@
-import { Handler, handlerSchema, Signer } from '~/components/Manifest/manifestSchema';
+import { Handler, Signer, handlerSchema } from '~/components/Manifest/manifestSchema';
 import { HandlerSearchForm } from './Search/HandlerSearchForm';
 import { HandlerSearchModal } from './Search/HandlerSearchModal';
 

client/app/components/Manifest/ManifestForm.spec.tsx

@@ -1,8 +1,8 @@
 import { fireEvent, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
+import { setupServer } from 'msw/node';
 import { cleanup, renderWithProviders } from '~/mocks';
 import { mockSiteEndpoints, mockUserEndpoints, mockWasteEndpoints } from '~/mocks/handlers';
-import { setupServer } from 'msw/node';
 
 import { afterAll, afterEach, beforeAll, describe, expect, test } from 'vitest';
 import { ManifestForm } from '~/components/Manifest';

client/app/components/Manifest/ManifestForm.tsx

@@ -1,5 +1,4 @@
 import { zodResolver } from '@hookform/resolvers/zod';
-import { HtCard, HtForm } from '~/components/legacyUi';
 import React, { createContext, useEffect, useState } from 'react';
 import { Container, Stack } from 'react-bootstrap';
 import { FormProvider, SubmitHandler, useFieldArray, useForm } from 'react-hook-form';
@@ -17,15 +16,16 @@ import { GeneratorSection } from '~/components/Manifest/Generator';
 import { TransporterSection } from '~/components/Manifest/Transporter/TransporterSection';
 import { TsdfSection } from '~/components/Manifest/Tsdf';
 import { UpdateRcra } from '~/components/Manifest/UpdateRcra/UpdateRcra';
-import { WasteLine } from '~/components/Manifest/WasteLine/wasteLineSchema';
 import { WasteLineSection } from '~/components/Manifest/WasteLine/WasteLineSection';
+import { WasteLine } from '~/components/Manifest/WasteLine/wasteLineSchema';
+import { HtCard, HtForm } from '~/components/legacyUi';
 import { useUserSiteIds } from '~/hooks';
 import { useManifestStatus, useReadOnly, useSaveManifest } from '~/hooks/manifest';
 import { manifest } from '~/services';
 import { HandlerSearchModal } from './Handler';
-import { Manifest, manifestSchema, SiteType } from './manifestSchema';
 import { QuickerSignData, QuickerSignModal } from './QuickerSign';
 import { EditWasteModal } from './WasteLine';
+import { Manifest, SiteType, manifestSchema } from './manifestSchema';
 
 const defaultValues: Manifest = {
   transporters: [],

client/app/components/Manifest/QuickerSign/QuickerSignForm.spec.tsx

@@ -1,8 +1,8 @@
 import { QuickerSignForm } from '~/components/Manifest/QuickerSign';
 
+import { afterEach, describe, expect, test } from 'vitest';
 import { cleanup, renderWithProviders, screen } from '~/mocks';
 import { createMockMTNHandler } from '~/mocks/fixtures';
-import { afterEach, describe, expect, test } from 'vitest';
 
 afterEach(() => {
   cleanup();

client/app/components/Manifest/QuickerSign/QuickerSignForm.tsx

@@ -4,9 +4,9 @@ import { SubmitHandler, useForm } from 'react-hook-form';
 import { FaFileSignature, FaPen } from 'react-icons/fa';
 import { useNavigate } from 'react-router';
 import { z } from 'zod';
-import { HtForm } from '~/components/legacyUi';
-import { Handler, RcraSiteType } from '~/components/Manifest/manifestSchema';
 import { Transporter } from '~/components/Manifest/Transporter';
+import { Handler, RcraSiteType } from '~/components/Manifest/manifestSchema';
+import { HtForm } from '~/components/legacyUi';
 import { useProgressTracker } from '~/hooks';
 import {
   addTask,

client/app/components/Manifest/QuickerSign/SignBtn/QuickSignBtn.spec.tsx

@@ -1,8 +1,8 @@
 import { setupServer } from 'msw/node';
 import { afterAll, afterEach, beforeAll, describe, expect, test, vi } from 'vitest';
 import { ManifestContext } from '~/components/Manifest/ManifestForm';
-import { Handler, RcraSiteType } from '~/components/Manifest/manifestSchema';
 import { QuickSignBtn } from '~/components/Manifest/QuickerSign';
+import { Handler, RcraSiteType } from '~/components/Manifest/manifestSchema';
 
 import { cleanup, renderWithProviders, screen } from '~/mocks';
 import { createMockMTNHandler } from '~/mocks/fixtures';

client/app/components/Manifest/QuickerSign/index.ts

@@ -1,5 +1,5 @@
 import { QuickSignBtn } from '~/components/Manifest/QuickerSign/SignBtn/QuickSignBtn';
-import { QuickerSignature, QuickerSignData, QuickerSignForm } from './QuickerSignForm';
+import { QuickerSignData, QuickerSignForm, QuickerSignature } from './QuickerSignForm';
 import { QuickerSignModal } from './QuickerSignModal';
 
 export { QuickerSignForm, QuickerSignModal, QuickSignBtn };

client/app/components/Manifest/SiteSelect/SiteSelect.spec.tsx

@@ -1,9 +1,9 @@
 import { screen } from '@testing-library/react';
-import { SiteSelect } from '~/components/Manifest/SiteSelect/SiteSelect';
 import React, { useState } from 'react';
 import { useForm } from 'react-hook-form';
-import { renderWithProviders } from '~/mocks';
 import { describe, expect, test } from 'vitest';
+import { SiteSelect } from '~/components/Manifest/SiteSelect/SiteSelect';
+import { renderWithProviders } from '~/mocks';
 
 function TestComponent() {
   const [selected, setSelected] = useState();

client/app/components/Manifest/SiteSelect/SiteSelect.tsx

@@ -1,10 +1,10 @@
 import { createSelector } from '@reduxjs/toolkit';
-import { HtForm } from '~/components/legacyUi';
 import React, { useMemo } from 'react';
 import { Control, Controller } from 'react-hook-form';
 import Select from 'react-select';
-import { HaztrakSite } from '~/components/Site';
 import { RcraSite } from '~/components/RcraSite';
+import { HaztrakSite } from '~/components/Site';
+import { HtForm } from '~/components/legacyUi';
 import { useGetUserHaztrakSitesQuery } from '~/store';
 
 interface SiteSelectProps<T> {

client/app/components/Manifest/SiteSelect/SiteTypeSelect.spec.tsx

@@ -1,10 +1,10 @@
 import { screen } from '@testing-library/react';
-import { RcraSiteType } from '~/components/Manifest/manifestSchema';
-import { SiteTypeSelect } from '~/components/Manifest/SiteSelect/SiteTypeSelect';
 import React, { useState } from 'react';
 import { useForm } from 'react-hook-form';
-import { renderWithProviders } from '~/mocks';
 import { describe, expect, test } from 'vitest';
+import { SiteTypeSelect } from '~/components/Manifest/SiteSelect/SiteTypeSelect';
+import { RcraSiteType } from '~/components/Manifest/manifestSchema';
+import { renderWithProviders } from '~/mocks';
 
 function TestComponent({ siteType }: { siteType?: RcraSiteType }) {
   const [mockSiteType, setMockSiteType] = useState();

client/app/components/Manifest/SiteSelect/index.ts

@@ -1,4 +1,4 @@
-import { SiteTypeSelect } from './SiteTypeSelect';
 import { SiteSelect } from './SiteSelect';
+import { SiteTypeSelect } from './SiteTypeSelect';
 
 export { SiteTypeSelect, SiteSelect };

client/app/components/Manifest/Transporter/TransporterSection.tsx

@@ -1,10 +1,10 @@
 import { ErrorMessage } from '@hookform/error-message';
-import { HtButton } from '~/components/legacyUi';
 import { Alert } from 'react-bootstrap';
 import { useFieldArray, useFormContext } from 'react-hook-form';
 import { v4 as uuidv4 } from 'uuid';
-import { Manifest } from '~/components/Manifest/manifestSchema';
 import { TransporterTable } from '~/components/Manifest/Transporter/TransporterTable';
+import { Manifest } from '~/components/Manifest/manifestSchema';
+import { HtButton } from '~/components/legacyUi';
 import { useReadOnly } from '~/hooks/manifest';
 import { useHandlerSearchConfig } from '~/hooks/manifest/useOpenHandlerSearch/useHandlerSearchConfig';
 

client/app/components/Manifest/Transporter/TransporterTable.spec.tsx

@@ -1,11 +1,11 @@
 import userEvent from '@testing-library/user-event';
-import { Transporter } from '~/components/Manifest';
 import { setupServer } from 'msw/node';
+import { Transporter } from '~/components/Manifest';
 
+import { afterAll, afterEach, beforeAll, describe, expect, test } from 'vitest';
 import { cleanup, renderWithProviders, screen } from '~/mocks';
 import { createMockTransporter } from '~/mocks/fixtures';
 import { mockUserEndpoints } from '~/mocks/handlers';
-import { afterAll, afterEach, beforeAll, describe, expect, test } from 'vitest';
 import { TransporterTable } from './index';
 
 const HANDLER_ID_1 = 'siteId1';

client/app/components/Manifest/Transporter/TransporterTable.tsx

@@ -5,8 +5,8 @@ import { UseFieldArrayReturn } from 'react-hook-form';
 import { FaAngleRight, FaCheck, FaSignature } from 'react-icons/fa';
 import { v4 as uuidv4 } from 'uuid';
 import { Transporter } from '~/components/Manifest';
-import { Manifest } from '~/components/Manifest/manifestSchema';
 import { QuickSignBtn } from '~/components/Manifest/QuickerSign';
+import { Manifest } from '~/components/Manifest/manifestSchema';
 import { useReadOnly } from '~/hooks/manifest';
 import { TransporterRowActions } from './TransporterRowActions';
 

client/app/components/Manifest/Transporter/index.ts

@@ -1,5 +1,5 @@
-import { TransporterTable } from './TransporterTable';
 import { Transporter } from '~/components/Manifest';
+import { TransporterTable } from './TransporterTable';
 
 export { TransporterTable };
 export type { Transporter };