Add eslint-plugin-import

Signed-off-by: Émile Ré <emile@getprobo.com>

apps/console/src/components/SnapshotBanner.tsx

@@ -2,7 +2,6 @@ import { IconClock } from "@probo/ui";
 import { useTranslate } from "@probo/i18n";
 import { useLazyLoadQuery, graphql } from "react-relay";
 import { useLocation } from "react-router";
-import type { SnapshotBannerQuery } from "/__generated__/core/SnapshotBannerQuery.graphql";
 import {
   getSnapshotTypeUrlPath,
   getSnapshotTypeLabel,
@@ -10,6 +9,8 @@ import {
   formatDate,
 } from "@probo/helpers";
 
+import type { SnapshotBannerQuery } from "/__generated__/core/SnapshotBannerQuery.graphql";
+
 const snapshotQuery = graphql`
   query SnapshotBannerQuery($snapshotId: ID!) {
     node(id: $snapshotId) {

apps/console/src/components/SortableTable.tsx

@@ -7,7 +7,7 @@ import {
   Table,
   Th,
 } from "@probo/ui";
-import clsx from "clsx";
+import { clsx } from "clsx";
 import {
   createContext,
   startTransition,

apps/console/src/components/assets/AssetsTable.tsx

@@ -18,9 +18,8 @@ import { useMutation } from "react-relay";
 import type { usePaginationFragmentHookType } from "react-relay/relay-hooks/usePaginationFragment";
 import { Link } from "react-router";
 import { z } from "zod";
-import { EditableTable } from "../table/EditableTable";
-import { PeopleCell } from "../table/PeopleCell";
-import { VendorsCell } from "../table/VendorsCell";
+import type { OperationType } from "relay-runtime";
+
 import {
   createAssetMutation,
   deleteAssetMutation,
@@ -31,9 +30,12 @@ import type {
   AssetsPageFragment$data,
   AssetsPageFragment$key,
 } from "/__generated__/core/AssetsPageFragment.graphql";
-import type { OperationType } from "relay-runtime";
 import { useOrganizationId } from "/hooks/useOrganizationId";
 
+import { EditableTable } from "../table/EditableTable";
+import { PeopleCell } from "../table/PeopleCell";
+import { VendorsCell } from "../table/VendorsCell";
+
 type Props = {
   connectionId: string;
   pagination: usePaginationFragmentHookType<

apps/console/src/components/assets/ReadOnlyAssetsTable.tsx

@@ -1,16 +1,18 @@
 import { Avatar, Badge, Tbody, Td, Th, Thead, Tr } from "@probo/ui";
-import { SortableTable } from "../SortableTable";
 import { useTranslate } from "@probo/i18n";
 import type { usePaginationFragmentHookType } from "react-relay/relay-hooks/usePaginationFragment";
+import type { OperationType } from "relay-runtime";
+import { useParams } from "react-router";
+import { faviconUrl, getAssetTypeVariant } from "@probo/helpers";
+
 import type {
   AssetsPageFragment$data,
   AssetsPageFragment$key,
 } from "/__generated__/core/AssetsPageFragment.graphql";
-import type { OperationType } from "relay-runtime";
 import type { NodeOf } from "/types";
 import { useOrganizationId } from "/hooks/useOrganizationId";
-import { useParams } from "react-router";
-import { faviconUrl, getAssetTypeVariant } from "@probo/helpers";
+
+import { SortableTable } from "../SortableTable";
 
 type AssetEntry = NodeOf<AssetsPageFragment$data["assets"]>;
 

apps/console/src/components/audits/LinkedAuditsCard.tsx

@@ -15,13 +15,15 @@ import {
   TrButton,
 } from "@probo/ui";
 import { useTranslate } from "@probo/i18n";
-import type { LinkedAuditsCardFragment$key } from "/__generated__/core/LinkedAuditsCardFragment.graphql";
 import { useFragment } from "react-relay";
 import { useMemo, useState } from "react";
 import { sprintf, getAuditStateVariant } from "@probo/helpers";
+import { clsx } from "clsx";
+
 import { useOrganizationId } from "/hooks/useOrganizationId";
+import type { LinkedAuditsCardFragment$key } from "/__generated__/core/LinkedAuditsCardFragment.graphql";
+
 import { LinkedAuditsDialog } from "./LinkedAuditsDialog";
-import clsx from "clsx";
 
 const linkedAuditFragment = graphql`
   fragment LinkedAuditsCardFragment on Audit {

apps/console/src/components/audits/LinkedAuditsDialog.tsx

@@ -16,6 +16,7 @@ import { getAuditStateVariant } from "@probo/helpers";
 import { Suspense, useMemo, useState, type ReactNode } from "react";
 import { graphql } from "relay-runtime";
 import { useLazyLoadQuery, usePaginationFragment } from "react-relay";
+
 import type { LinkedAuditsDialogQuery } from "/__generated__/core/LinkedAuditsDialogQuery.graphql";
 import { useOrganizationId } from "/hooks/useOrganizationId";
 import type { NodeOf } from "/types";

apps/console/src/components/controls/LinkedControlsCard.tsx

@@ -11,13 +11,16 @@ import {
   TrButton,
 } from "@probo/ui";
 import { useTranslate } from "@probo/i18n";
-import type { LinkedControlsCardFragment$key } from "/__generated__/core/LinkedControlsCardFragment.graphql";
 import { useFragment } from "react-relay";
-import { useOrganizationId } from "/hooks/useOrganizationId";
-import { LinkedControlsDialog } from "./LinkedControlsDialog";
-import { SortableTable, SortableTh } from "../SortableTable";
 import type { ComponentProps } from "react";
 
+import type { LinkedControlsCardFragment$key } from "/__generated__/core/LinkedControlsCardFragment.graphql";
+import { useOrganizationId } from "/hooks/useOrganizationId";
+
+import { SortableTable, SortableTh } from "../SortableTable";
+
+import { LinkedControlsDialog } from "./LinkedControlsDialog";
+
 const linkedControlFragment = graphql`
   fragment LinkedControlsCardFragment on Control {
     id

apps/console/src/components/controls/LinkedControlsDialog.tsx

@@ -21,15 +21,16 @@ import {
 } from "react";
 import { useTranslate } from "@probo/i18n";
 import { graphql } from "relay-runtime";
-import { useOrganizationId } from "/hooks/useOrganizationId";
 import { useLazyLoadQuery, usePaginationFragment } from "react-relay";
+import { useDebounceCallback } from "usehooks-ts";
+
+import { useOrganizationId } from "/hooks/useOrganizationId";
 import type { LinkedControlsDialogQuery } from "/__generated__/core/LinkedControlsDialogQuery.graphql";
 import type {
   LinkedControlsDialogFragment$data,
   LinkedControlsDialogFragment$key,
 } from "/__generated__/core/LinkedControlsDialogFragment.graphql";
 import type { NodeOf } from "/types";
-import { useDebounceCallback } from "usehooks-ts";
 
 const query = graphql`
   query LinkedControlsDialogQuery($organizationId: ID!) {

apps/console/src/components/documents/BulkExportDialog.tsx

@@ -11,9 +11,10 @@ import {
 } from "@probo/ui";
 import { type ReactNode, useImperativeHandle, forwardRef } from "react";
 import { z } from "zod";
-import { useFormWithSchema } from "/hooks/useFormWithSchema";
 import { sprintf } from "@probo/helpers";
 
+import { useFormWithSchema } from "/hooks/useFormWithSchema";
+
 const bulkExportSchema = z.object({
   withWatermark: z.boolean(),
   watermarkEmail: z.string().optional().or(z.literal("")),

apps/console/src/components/documents/LinkedDocumentsCard.tsx

@@ -16,13 +16,15 @@ import {
   TrButton,
 } from "@probo/ui";
 import { useTranslate } from "@probo/i18n";
-import type { LinkedDocumentsCardFragment$key } from "/__generated__/core/LinkedDocumentsCardFragment.graphql";
 import { useFragment } from "react-relay";
 import { useMemo, useState } from "react";
 import { sprintf } from "@probo/helpers";
+import { clsx } from "clsx";
+
 import { useOrganizationId } from "/hooks/useOrganizationId";
+import type { LinkedDocumentsCardFragment$key } from "/__generated__/core/LinkedDocumentsCardFragment.graphql";
+
 import { LinkedDocumentDialog } from "./LinkedDocumentsDialog.tsx";
-import clsx from "clsx";
 
 const linkedDocumentFragment = graphql`
   fragment LinkedDocumentsCardFragment on Document {

apps/console/src/components/documents/LinkedDocumentsDialog.tsx

@@ -15,6 +15,7 @@ import { useTranslate } from "@probo/i18n";
 import { Suspense, useMemo, useState, type ReactNode } from "react";
 import { graphql } from "relay-runtime";
 import { useLazyLoadQuery, usePaginationFragment } from "react-relay";
+
 import type { LinkedDocumentsDialogQuery } from "/__generated__/core/LinkedDocumentsDialogQuery.graphql";
 import { useOrganizationId } from "/hooks/useOrganizationId";
 import type { NodeOf } from "/types";

apps/console/src/components/documents/PdfDownloadDialog.tsx

@@ -11,6 +11,7 @@ import {
 } from "@probo/ui";
 import { type ReactNode, useImperativeHandle, forwardRef } from "react";
 import { z } from "zod";
+
 import { useFormWithSchema } from "/hooks/useFormWithSchema";
 
 const pdfDownloadSchema = z.object({

apps/console/src/components/form/AuditSelectField.tsx

@@ -9,6 +9,7 @@ import {
 } from "react-hook-form";
 import { useLazyLoadQuery, graphql } from "react-relay";
 import { getAuditStateVariant, getAuditStateLabel } from "@probo/helpers";
+
 import type { AuditSelectFieldQuery } from "/__generated__/core/AuditSelectFieldQuery.graphql";
 
 const auditsQuery = graphql`

apps/console/src/components/form/ControlledField.tsx

@@ -1,7 +1,6 @@
 import type { ComponentProps } from "react";
-import { Field } from "@probo/ui";
+import { Field, Select } from "@probo/ui";
 import { Controller, type FieldPath, type FieldValues } from "react-hook-form";
-import { Select } from "@probo/ui";
 
 type Props<
   T extends typeof Field | typeof Select,

apps/console/src/components/form/CountriesField.tsx

@@ -3,7 +3,7 @@ import { useEffect, useState } from "react";
 import { Badge, Input, IconCrossLargeX } from "@probo/ui";
 import { type Control, Controller, type FieldPath, type FieldValues } from "react-hook-form";
 import { getCountryName, getCountryOptions, countries, type CountryCode } from "@probo/helpers";
-import clsx from "clsx";
+import { clsx } from "clsx";
 
 type Props<T extends FieldValues = FieldValues> = {
   control: Control<T>;

apps/console/src/components/form/EmailsField.tsx

@@ -1,8 +1,7 @@
 import { Button, IconPlusLarge, IconTrashCan, Input, Label } from "@probo/ui";
 import { useTranslate } from "@probo/i18n";
 import { useFieldArray } from "react-hook-form";
-import type { ArrayPath, Control, FieldValue, FieldValues, Path } from "react-hook-form";
-import type { UseFormRegister } from "react-hook-form";
+import type { ArrayPath, Control, FieldValue, FieldValues, Path, UseFormRegister } from "react-hook-form";
 
 type Props<TFieldValues extends FieldValues = FieldValues> = {
   control: Control<TFieldValues>;

apps/console/src/components/form/MeasureSelectField.tsx

@@ -2,6 +2,7 @@ import { Field, Combobox, ComboboxItem } from "@probo/ui";
 import { Suspense, useMemo, useState, type ComponentProps } from "react";
 import { useTranslate } from "@probo/i18n";
 import { type Control, Controller, type FieldPath, type FieldValues } from "react-hook-form";
+
 import { usePaginatedMeasures } from "/hooks/graph/usePaginatedMeasures";
 
 type Props<

apps/console/src/components/form/PeopleMultiSelectField.tsx

@@ -1,9 +1,9 @@
 import { Avatar, Field, Option, Select, Badge, Button, IconCrossLargeX } from "@probo/ui";
 import { Suspense, useState, type ComponentProps } from "react";
 import { useTranslate } from "@probo/i18n";
-import { type Control, Controller, type FieldValues } from "react-hook-form";
+import { type Control, Controller, type FieldValues, Path } from "react-hook-form";
+
 import { usePeople } from "/hooks/graph/PeopleGraph.ts";
-import type { Path } from "react-hook-form";
 
 type Person = {
   id: string;

apps/console/src/components/form/PeopleSelectField.tsx

@@ -2,6 +2,7 @@ import { Avatar, Field, Option, Select } from "@probo/ui";
 import { Suspense, type ComponentProps } from "react";
 import { useTranslate } from "@probo/i18n";
 import { type Control, Controller, type FieldPath, type FieldValues } from "react-hook-form";
+
 import { usePeople } from "/hooks/graph/PeopleGraph.ts";
 
 type Props<

apps/console/src/components/form/ProcessingActivityEnumOptions.tsx

@@ -1,5 +1,6 @@
 import { useTranslate } from "@probo/i18n";
 import { Option } from "@probo/ui";
+
 import type {
   ProcessingActivitySpecialOrCriminalDatum,
   ProcessingActivityLawfulBasis,

apps/console/src/components/form/VendorsMultiSelectField.tsx

@@ -1,10 +1,10 @@
 import { Avatar, Field, Option, Select, Badge, Button, IconCrossLargeX } from "@probo/ui";
 import { Suspense, useState, type ComponentProps } from "react";
 import { useTranslate } from "@probo/i18n";
-import { type Control, Controller, type FieldValues } from "react-hook-form";
-import { useVendors } from "/hooks/graph/VendorGraph.ts";
+import { type Control, Controller, type FieldValues, Path } from "react-hook-form";
 import { faviconUrl } from "@probo/helpers";
-import type { Path } from "react-hook-form";
+
+import { useVendors } from "/hooks/graph/VendorGraph.ts";
 
 type Vendor = {
   id: string;

apps/console/src/components/measures/LinkedMeasuresCard.tsx

@@ -15,13 +15,15 @@ import {
 } from "@probo/ui";
 import { MeasureBadge } from "@probo/ui/src/Molecules/Badge/MeasureBadge";
 import { useTranslate } from "@probo/i18n";
-import type { LinkedMeasuresCardFragment$key } from "/__generated__/core/LinkedMeasuresCardFragment.graphql";
 import { useFragment } from "react-relay";
 import { useMemo, useState } from "react";
 import { sprintf } from "@probo/helpers";
+import { clsx } from "clsx";
+
 import { useOrganizationId } from "/hooks/useOrganizationId";
+import type { LinkedMeasuresCardFragment$key } from "/__generated__/core/LinkedMeasuresCardFragment.graphql";
+
 import { LinkedMeasureDialog } from "./LinkedMeasuresDialog.tsx";
-import clsx from "clsx";
 
 const linkedMeasureFragment = graphql`
   fragment LinkedMeasuresCardFragment on Measure {

apps/console/src/components/measures/LinkedMeasuresDialog.tsx

@@ -15,6 +15,7 @@ import {
 } from "@probo/ui";
 import { useTranslate } from "@probo/i18n";
 import { Suspense, useMemo, useState, type ReactNode } from "react";
+
 import { useOrganizationId } from "/hooks/useOrganizationId";
 import { usePaginatedMeasures } from "/hooks/graph/usePaginatedMeasures";
 

apps/console/src/components/obligations/LinkedObligationsCard.tsx

@@ -15,7 +15,6 @@ import {
   Badge,
 } from "@probo/ui";
 import { useTranslate } from "@probo/i18n";
-import type { LinkedObligationsCardFragment$key } from "/__generated__/core/LinkedObligationsCardFragment.graphql";
 import { useFragment } from "react-relay";
 import { useMemo, useState } from "react";
 import {
@@ -23,11 +22,14 @@ import {
   getObligationStatusVariant,
   getObligationStatusLabel,
 } from "@probo/helpers";
-import { LinkedObligationDialog } from "./LinkedObligationsDialog";
-import clsx from "clsx";
+import { clsx } from "clsx";
 import { useParams } from "react-router";
+
+import type { LinkedObligationsCardFragment$key } from "/__generated__/core/LinkedObligationsCardFragment.graphql";
 import { useOrganizationId } from "/hooks/useOrganizationId";
 
+import { LinkedObligationDialog } from "./LinkedObligationsDialog";
+
 const linkedObligationFragment = graphql`
   fragment LinkedObligationsCardFragment on Obligation {
     id

apps/console/src/components/obligations/LinkedObligationsDialog.tsx

@@ -19,6 +19,7 @@ import {
 import { Suspense, useMemo, useState, type ReactNode } from "react";
 import { graphql } from "relay-runtime";
 import { useLazyLoadQuery, usePaginationFragment } from "react-relay";
+
 import type { LinkedObligationsDialogQuery } from "/__generated__/core/LinkedObligationsDialogQuery.graphql";
 import { useOrganizationId } from "/hooks/useOrganizationId";
 import type { NodeOf } from "/types";

apps/console/src/components/organizations/SlackConnection.tsx

@@ -1,6 +1,7 @@
 import { Badge, Button, Card } from "@probo/ui";
 import { useTranslate } from "@probo/i18n";
 import { sprintf } from "@probo/helpers";
+
 import type { TrustCenterGraphQuery$data } from "/__generated__/core/TrustCenterGraphQuery.graphql";
 
 type Props = {

apps/console/src/components/risks/LinkedRisksCard.tsx

@@ -12,9 +12,11 @@ import {
   TrButton,
 } from "@probo/ui";
 import { useTranslate } from "@probo/i18n";
-import type { LinkedRisksCardFragment$key } from "/__generated__/core/LinkedRisksCardFragment.graphql";
 import { useFragment } from "react-relay";
+
+import type { LinkedRisksCardFragment$key } from "/__generated__/core/LinkedRisksCardFragment.graphql";
 import { useOrganizationId } from "/hooks/useOrganizationId";
+
 import { LinkedRisksDialog } from "./LinkedRisksDialog.tsx";
 
 const linkedRiskFragment = graphql`

apps/console/src/components/risks/LinkedRisksDialog.tsx

@@ -16,6 +16,7 @@ import { useTranslate } from "@probo/i18n";
 import { Suspense, useMemo, useState, type ReactNode } from "react";
 import { graphql } from "relay-runtime";
 import { useLazyLoadQuery } from "react-relay";
+
 import type { LinkedRisksDialogQuery } from "/__generated__/core/LinkedRisksDialogQuery.graphql";
 import { useOrganizationId } from "/hooks/useOrganizationId";
 

apps/console/src/components/skeletons/ControlSkeleton.tsx

@@ -1,5 +1,4 @@
-import { ActionDropdown, Skeleton } from "@probo/ui";
-import { Button, IconPencil } from "@probo/ui";
+import { ActionDropdown, Skeleton, Button, IconPencil } from "@probo/ui";
 import { useTranslate } from "@probo/i18n";
 
 /**

apps/console/src/components/snapshots/LinkedSnapshotsCard.tsx

@@ -15,7 +15,6 @@ import {
   TrButton,
 } from "@probo/ui";
 import { useTranslate } from "@probo/i18n";
-import type { LinkedSnapshotsCardFragment$key } from "/__generated__/core/LinkedSnapshotsCardFragment.graphql";
 import { useFragment } from "react-relay";
 import { useMemo, useState } from "react";
 import {
@@ -24,9 +23,12 @@ import {
   getSnapshotTypeUrlPath,
   formatDate,
 } from "@probo/helpers";
+import { clsx } from "clsx";
+
 import { useOrganizationId } from "/hooks/useOrganizationId";
+import type { LinkedSnapshotsCardFragment$key } from "/__generated__/core/LinkedSnapshotsCardFragment.graphql";
+
 import { LinkedSnapshotsDialog } from "./LinkedSnapshotsDialog";
-import clsx from "clsx";
 
 const linkedSnapshotFragment = graphql`
   fragment LinkedSnapshotsCardFragment on Snapshot {

apps/console/src/components/snapshots/LinkedSnapshotsDialog.tsx

@@ -16,6 +16,7 @@ import { getSnapshotTypeLabel, formatDate } from "@probo/helpers";
 import { Suspense, useMemo, useState, type ReactNode } from "react";
 import { graphql } from "relay-runtime";
 import { useLazyLoadQuery, usePaginationFragment } from "react-relay";
+
 import type { LinkedSnapshotsDialogQuery } from "/__generated__/core/LinkedSnapshotsDialogQuery.graphql";
 import { useOrganizationId } from "/hooks/useOrganizationId";
 import type { NodeOf } from "/types";

apps/console/src/components/states-of-applicability/LinkedStatesOfApplicabilityCard.tsx

@@ -15,13 +15,15 @@ import {
   Badge,
 } from "@probo/ui";
 import { useTranslate } from "@probo/i18n";
-import type { LinkedStatesOfApplicabilityCardFragment$key } from "/__generated__/core/LinkedStatesOfApplicabilityCardFragment.graphql";
 import { useFragment } from "react-relay";
 import { useMemo, useState, useEffect } from "react";
 import { sprintf } from "@probo/helpers";
+import { clsx } from "clsx";
+
 import { useOrganizationId } from "/hooks/useOrganizationId";
+import type { LinkedStatesOfApplicabilityCardFragment$key } from "/__generated__/core/LinkedStatesOfApplicabilityCardFragment.graphql";
+
 import { LinkedStatesOfApplicabilityDialog } from "./LinkedStatesOfApplicabilityDialog";
-import clsx from "clsx";
 
 const linkedStateOfApplicabilityFragment = graphql`
     fragment LinkedStatesOfApplicabilityCardFragment on StateOfApplicabilityControl {

apps/console/src/components/states-of-applicability/LinkedStatesOfApplicabilityDialog.tsx

@@ -12,6 +12,7 @@ import { Suspense, useState, useRef } from "react";
 import type { ReactNode } from "react";
 import { useLazyLoadQuery } from "react-relay";
 import { graphql } from "relay-runtime";
+
 import { useOrganizationId } from "/hooks/useOrganizationId";
 import type { LinkedStatesOfApplicabilityDialogQuery } from "/__generated__/core/LinkedStatesOfApplicabilityDialogQuery.graphql";
 

apps/console/src/components/table/EditableTable.tsx

@@ -1,7 +1,3 @@
-import {
-  SortableCellHead,
-  SortableDataTable,
-} from "/components/table/SortableDataTable.tsx";
 import type { GraphQLTaggedNode, OperationType } from "relay-runtime";
 import type { KeyType, KeyTypeData } from "react-relay/relay-hooks/helpers";
 import type { usePaginationFragmentHookType } from "react-relay/relay-hooks/usePaginationFragment";
@@ -16,13 +12,17 @@ import {
   Spinner,
 } from "@probo/ui";
 import { z } from "zod";
-import { useMutateField } from "/hooks/useMutateField.tsx";
 import { type ReactNode } from "react";
 import { useToggle } from "@probo/hooks";
+import { clsx } from "clsx";
+
 import { useStateWithSchema } from "/hooks/useStateWithSchema.ts";
-import clsx from "clsx";
+import { useMutateField } from "/hooks/useMutateField.tsx";
+import {
+  SortableCellHead,
+  SortableDataTable, defaultPageSize,
+} from "/components/table/SortableDataTable.tsx";
 import { useMutationWithToasts } from "/hooks/useMutationWithToasts.ts";
-import { defaultPageSize } from "/components/table/SortableDataTable.tsx";
 
 type ColumnDefinition = { label: string; field: string } | string;
 

apps/console/src/components/table/PeopleCell.tsx

@@ -1,7 +1,8 @@
+import { Avatar } from "@probo/ui";
+
 import { GraphQLCell } from "/components/table/GraphQLCell.tsx";
 import type { PeopleGraphQuery } from "/__generated__/core/PeopleGraphQuery.graphql.ts";
 import { peopleQuery } from "/hooks/graph/PeopleGraph.ts";
-import { Avatar } from "@probo/ui";
 
 type Props = {
   name: string;

apps/console/src/components/table/SortableDataTable.tsx

@@ -7,7 +7,7 @@ import {
   IconChevronTriangleDownSmall,
   Spinner,
 } from "@probo/ui";
-import clsx from "clsx";
+import { clsx } from "clsx";
 import {
   type ComponentProps,
   createContext,

apps/console/src/components/table/VendorsCell.tsx

@@ -1,13 +1,15 @@
-import { GraphQLCell } from "/components/table/GraphQLCell.tsx";
-import { vendorsSelectQuery } from "/hooks/graph/VendorGraph";
 import { Avatar, Badge, IconCrossLargeX } from "@probo/ui";
 import { faviconUrl } from "@probo/helpers";
+
+import { GraphQLCell } from "/components/table/GraphQLCell";
+import { vendorsSelectQuery } from "/hooks/graph/VendorGraph";
+import type { VendorGraphSelectQuery } from "/__generated__/core/VendorGraphSelectQuery.graphql.ts";
+
 type Vendor = {
   id: string;
   name: string;
   websiteUrl: string | null | undefined;
 };
-import type { VendorGraphSelectQuery } from "/__generated__/core/VendorGraphSelectQuery.graphql.ts";
 
 type Props = {
   name: string;

apps/console/src/components/tasks/TaskFormDialog.tsx

@@ -17,15 +17,16 @@ import { Breadcrumb } from "@probo/ui";
 import { graphql } from "relay-runtime";
 import { useFragment, useRelayEnvironment } from "react-relay";
 import { z } from "zod";
+import { Controller } from "react-hook-form";
+import { formatDatetime } from "@probo/helpers";
+
 import { useFormWithSchema } from "/hooks/useFormWithSchema";
 import { useMutationWithToasts } from "/hooks/useMutationWithToasts";
 import { useOrganizationId } from "/hooks/useOrganizationId";
 import { PeopleSelectField } from "/components/form/PeopleSelectField";
 import type { TaskFormDialogFragment$key } from "/__generated__/core/TaskFormDialogFragment.graphql";
 import { MeasureSelectField } from "/components/form/MeasureSelectField";
-import { Controller } from "react-hook-form";
 import { updateStoreCounter } from "/hooks/useMutationWithIncrement";
-import { formatDatetime } from "@probo/helpers";
 
 const taskFragment = graphql`
   fragment TaskFormDialogFragment on Task {

apps/console/src/components/tasks/TasksCard.tsx

@@ -25,6 +25,7 @@ import {
   useRelayEnvironment,
 } from "react-relay";
 import { Link, useLocation, useParams } from "react-router";
+
 import TaskFormDialog, {
   taskUpdateMutation,
 } from "/components/tasks/TaskFormDialog";

apps/console/src/components/trustCenter/DeleteTrustCenterReferenceDialog.tsx

@@ -9,6 +9,7 @@ import {
 } from "@probo/ui";
 import { useTranslate } from "@probo/i18n";
 import { sprintf } from "@probo/helpers";
+
 import { useMutationWithToasts } from "/hooks/useMutationWithToasts";
 import { deleteTrustCenterReferenceMutation } from "/hooks/graph/TrustCenterReferenceGraph";
 

apps/console/src/components/trustCenter/TrustCenterAuditsCard.tsx

@@ -22,6 +22,7 @@ import {
   formatDate,
   getTrustCenterVisibilityOptions,
 } from "@probo/helpers";
+
 import { useOrganizationId } from "/hooks/useOrganizationId";
 import type { TrustCenterAuditsCardFragment$key } from "/__generated__/core/TrustCenterAuditsCardFragment.graphql";
 

apps/console/src/components/trustCenter/TrustCenterDocumentsCard.tsx

@@ -15,10 +15,11 @@ import {
   Badge,
 } from "@probo/ui";
 import { useTranslate } from "@probo/i18n";
-import type { TrustCenterDocumentsCardFragment$key } from "/__generated__/core/TrustCenterDocumentsCardFragment.graphql";
 import { useFragment } from "react-relay";
 import { useMemo, useState, useCallback } from "react";
 import { sprintf, getTrustCenterVisibilityOptions } from "@probo/helpers";
+
+import type { TrustCenterDocumentsCardFragment$key } from "/__generated__/core/TrustCenterDocumentsCardFragment.graphql";
 import { useOrganizationId } from "/hooks/useOrganizationId";
 
 const trustCenterDocumentFragment = graphql`

apps/console/src/components/trustCenter/TrustCenterFilesCard.tsx

@@ -16,14 +16,14 @@ import {
   IconArrowLink,
 } from "@probo/ui";
 import { useTranslate } from "@probo/i18n";
+import { useFragment } from "react-relay";
+import { useMemo, useState, useCallback } from "react";
+import { sprintf, getTrustCenterVisibilityOptions, formatDate } from "@probo/helpers";
+
 import type {
   TrustCenterFilesCardFragment$key,
   TrustCenterFilesCardFragment$data,
 } from "/__generated__/core/TrustCenterFilesCardFragment.graphql";
-import { useFragment } from "react-relay";
-import { useMemo, useState, useCallback } from "react";
-import { sprintf, getTrustCenterVisibilityOptions } from "@probo/helpers";
-import { formatDate } from "@probo/helpers";
 
 const trustCenterFileFragment = graphql`
   fragment TrustCenterFilesCardFragment on TrustCenterFile {

apps/console/src/components/trustCenter/TrustCenterReferenceDialog.tsx

@@ -12,6 +12,7 @@ import {
 } from "@probo/ui";
 import { type ReactNode, useState, useImperativeHandle, forwardRef } from "react";
 import { z } from "zod";
+
 import { useFormWithSchema } from "/hooks/useFormWithSchema";
 import {
   useCreateTrustCenterReferenceMutation,

apps/console/src/components/trustCenter/TrustCenterReferencesSection.tsx

@@ -15,20 +15,22 @@ import {
   IconArrowLink,
 } from "@probo/ui";
 import { useRef, useState } from "react";
+import { useLazyLoadQuery } from "react-relay";
+
 import {
   trustCenterReferencesQuery,
   useUpdateTrustCenterReferenceRankMutation,
 } from "/hooks/graph/TrustCenterReferenceGraph";
+import type {
+  TrustCenterReferenceGraphQuery,
+  TrustCenterReferenceGraphQuery$data,
+} from "/__generated__/core/TrustCenterReferenceGraphQuery.graphql";
+
 import {
   TrustCenterReferenceDialog,
   type TrustCenterReferenceDialogRef,
 } from "./TrustCenterReferenceDialog";
 import { DeleteTrustCenterReferenceDialog } from "./DeleteTrustCenterReferenceDialog";
-import type {
-  TrustCenterReferenceGraphQuery,
-  TrustCenterReferenceGraphQuery$data,
-} from "/__generated__/core/TrustCenterReferenceGraphQuery.graphql";
-import { useLazyLoadQuery } from "react-relay";
 
 type Props = {
   trustCenterId: string;

apps/console/src/components/trustCenter/TrustCenterVendorsCard.tsx

@@ -16,6 +16,7 @@ import { useTranslate } from "@probo/i18n";
 import { useFragment } from "react-relay";
 import { useMemo, useState } from "react";
 import { sprintf } from "@probo/helpers";
+
 import { useOrganizationId } from "/hooks/useOrganizationId";
 import type { TrustCenterVendorsCardFragment$key } from "/__generated__/core/TrustCenterVendorsCardFragment.graphql";