fix: adjust to new thumbnail api response

src/components/item/ThumbnailFormSection/ThumbnailFormSection.tsx

@@ -30,7 +30,7 @@ export function ThumbnailFormSection(
 
   return (
     <FormSection title={'Thumbnail'}>
-      <FormField name={`${prefix}thumbnail`}>
+      <FormField name={`${prefix}thumbnail.info`}>
         {({ input }) => {
           return (
             <div>

src/lib/sshoc/sanitizeFormValues.ts

@@ -42,8 +42,8 @@ export function sanitizeFormValues<
     }))
   }
 
-  if (values.thumbnail != null && values.thumbnail.mediaId != null) {
-    values.thumbnail = { mediaId: values.thumbnail.mediaId }
+  if (values.thumbnail != null && values.thumbnail.info?.mediaId != null) {
+    values.thumbnail = { info: { mediaId: values.thumbnail.info.mediaId } }
   }
 
   return values

src/screens/item/ItemLayout.tsx

@@ -169,10 +169,10 @@ function ItemThumbnail({
   category: ItemCategory
   thumbnail: Item['thumbnail']
 }) {
-  if (thumbnail != null && thumbnail.mediaId !== undefined) {
+  if (thumbnail != null && thumbnail.info?.mediaId !== undefined) {
     return (
       <img
-        src={getMediaThumbnailUrl({ mediaId: thumbnail.mediaId })}
+        src={getMediaThumbnailUrl({ mediaId: thumbnail.info.mediaId })}
         alt=""
         className="object-contain w-24 h-24"
       />