Client: Date time zones now handled correctly

client/src/pages/spools/list.tsx

@@ -10,6 +10,10 @@ import {
 } from "@refinedev/antd";
 import { Table, Space } from "antd";
 import { NumberFieldUnit } from "../../components/numberField";
+import dayjs from "dayjs";
+import utc from "dayjs/plugin/utc";
+
+dayjs.extend(utc);
 
 export const SpoolList: React.FC<IResourceComponentsProps> = () => {
   const { tableProps } = useTable({
@@ -68,14 +72,22 @@ export const SpoolList: React.FC<IResourceComponentsProps> = () => {
           dataIndex={["first_used"]}
           title="First Used"
           render={(value) => (
-            <DateField value={value} format="YYYY-MM-DD HH:mm:ss" />
+            <DateField
+              value={dayjs.utc(value).local()}
+              title={dayjs.utc(value).local().format()}
+              format="YYYY-MM-DD HH:mm:ss"
+            />
           )}
         />
         <Table.Column
           dataIndex={["last_used"]}
           title="Last Used"
           render={(value) => (
-            <DateField value={value} format="YYYY-MM-DD HH:mm:ss" />
+            <DateField
+              value={dayjs.utc(value).local()}
+              title={dayjs.utc(value).local().format()}
+              format="YYYY-MM-DD HH:mm:ss"
+            />
           )}
         />
         <Table.Column dataIndex={["comment"]} title="Comment" />