Client: Fixed first/last used for unused spools

client/src/pages/spools/list.tsx

@@ -73,6 +73,7 @@ export const SpoolList: React.FC<IResourceComponentsProps> = () => {
           title="First Used"
           render={(value) => (
             <DateField
+              hidden={!value}
               value={dayjs.utc(value).local()}
               title={dayjs.utc(value).local().format()}
               format="YYYY-MM-DD HH:mm:ss"
@@ -84,6 +85,7 @@ export const SpoolList: React.FC<IResourceComponentsProps> = () => {
           title="Last Used"
           render={(value) => (
             <DateField
+              hidden={!value}
               value={dayjs.utc(value).local()}
               title={dayjs.utc(value).local().format()}
               format="YYYY-MM-DD HH:mm:ss"

client/src/pages/spools/show.tsx

@@ -28,12 +28,14 @@ export const SpoolShow: React.FC<IResourceComponentsProps> = () => {
       />
       <Title level={5}>First Used</Title>
       <DateField
+        hidden={!record?.first_used}
         value={dayjs.utc(record?.first_used).local()}
         title={dayjs.utc(record?.first_used).local().format()}
         format="YYYY-MM-DD HH:mm:ss"
       />
       <Title level={5}>Last Used</Title>
       <DateField
+        hidden={!record?.last_used}
         value={dayjs.utc(record?.last_used).local()}
         title={dayjs.utc(record?.last_used).local().format()}
         format="YYYY-MM-DD HH:mm:ss"