fix: type errors

apps/edr-freight-web/backoffice/src/components/ruleEngine/RuleEngineCardGrid.tsx

@@ -1,4 +1,4 @@
-import type { OnChangeFn, PaginationState } from "@tanstack/react-table";
+import type { OnChangeFn, PaginationState } from "@edr/ui-common";
 import { Stack, Group, Text, Card, SimpleGrid, Skeleton } from "@mantine/core";
 
 import type { RuleEngineResourceConfig } from "@/pages/ruleEngine/config/resources";
@@ -85,8 +85,15 @@ const RuleEngineCardGrid = ({
 
   if (status === "error") {
     return (
-      <Stack align="center" justify="center" p="xl" style={{ minHeight: "400px" }}>
-        <Text size="lg" fw={600} c="red">Failed to load data</Text>
+      <Stack
+        align="center"
+        justify="center"
+        p="xl"
+        style={{ minHeight: "400px" }}
+      >
+        <Text size="lg" fw={600} c="red">
+          Failed to load data
+        </Text>
         <Text size="sm" c="dimmed">
           Please refresh the page or try again later.
         </Text>
@@ -118,8 +125,15 @@ const RuleEngineCardGrid = ({
 
   if (status === "success" && rows.length === 0) {
     return (
-      <Stack align="center" justify="center" p="xl" style={{ minHeight: "400px" }}>
-        <Text size="lg" fw={600}>{emptyMessage}</Text>
+      <Stack
+        align="center"
+        justify="center"
+        p="xl"
+        style={{ minHeight: "400px" }}
+      >
+        <Text size="lg" fw={600}>
+          {emptyMessage}
+        </Text>
         <Text size="sm" c="dimmed">
           Try adjusting your search or add a new record.
         </Text>
@@ -197,7 +211,10 @@ const RuleEngineCardGrid = ({
                   {subtitle && (
                     <Group gap="xs">
                       <Text size="xs" c="dimmed" fw={500}>
-                        {presentation.subtitleKey === "stepOrder" ? "Step" : "Type"}:
+                        {presentation.subtitleKey === "stepOrder"
+                          ? "Step"
+                          : "Type"}
+                        :
                       </Text>
                       <Text size="xs" fw={500}>
                         {subtitle}
@@ -207,7 +224,12 @@ const RuleEngineCardGrid = ({
                   {presentation.detailColumns.map((col) => {
                     const displayValue = getSmartValue(record, col.accessorKey);
                     return (
-                      <Group key={col.id} justify="space-between" gap="xs" align="flex-start">
+                      <Group
+                        key={col.id}
+                        justify="space-between"
+                        gap="xs"
+                        align="flex-start"
+                      >
                         <Text size="xs" c="dimmed" fw={500}>
                           {col.header}:
                         </Text>
@@ -220,14 +242,19 @@ const RuleEngineCardGrid = ({
                 </Stack>
               )}
 
-              <Group justify="flex-end" gap="xs" pt="md" style={{ borderTop: "1px solid var(--mantine-color-gray-2)" }}>
+              <Group
+                justify="flex-end"
+                gap="xs"
+                pt="md"
+                style={{ borderTop: "1px solid var(--mantine-color-gray-2)" }}
+              >
                 <RuleEngineRecordActions
                   record={record}
                   config={config}
                   layout="compact"
                   readOnly={readOnly}
-                  onEdit={onEdit ?? (() => {})}
-                  onDelete={onDelete ?? (() => {})}
+                  onEdit={onEdit ?? (() => { })}
+                  onDelete={onDelete ?? (() => { })}
                   onViewChain={onViewChain}
                   onSubmitRate={onSubmitRate}
                   onApproveRate={onApproveRate}

apps/edr-freight-web/backoffice/src/components/ruleEngine/RuleEngineListFooter.tsx

@@ -1,4 +1,4 @@
-import type { OnChangeFn, PaginationState } from "@tanstack/react-table";
+import type { OnChangeFn, PaginationState } from "@edr/ui-common";
 import { Group, Pagination, Select, Text } from "@mantine/core";
 
 export interface RuleEngineListFooterProps {