feat: adjust select rate ui to latest design

server/routers/hotels/schemas/image.ts

@@ -1,25 +1,27 @@
 import { z } from "zod"
 
+import { nullableStringValidator } from "@/utils/zod/stringValidator"
+
 export const imageSizesSchema = z.object({
-  large: z.string(),
-  medium: z.string(),
-  small: z.string(),
-  tiny: z.string(),
+  large: nullableStringValidator,
+  medium: nullableStringValidator,
+  small: nullableStringValidator,
+  tiny: nullableStringValidator,
 })
 
 export const imageMetaDataSchema = z.object({
-  altText: z.string(),
-  altText_En: z.string(),
-  copyRight: z.string(),
-  title: z.string(),
+  altText: nullableStringValidator,
+  altText_En: nullableStringValidator,
+  copyRight: nullableStringValidator,
+  title: nullableStringValidator,
 })
 
 const DEFAULT_IMAGE_OBJ = {
   metaData: {
-    title: "Default image",
     altText: "Default image",
     altText_En: "Default image",
     copyRight: "Default image",
+    title: "Default image",
   },
   imageSizes: {
     tiny: "https://placehold.co/1280x720",
@@ -31,11 +33,10 @@ const DEFAULT_IMAGE_OBJ = {
 
 export const imageSchema = z
   .object({
-    metaData: imageMetaDataSchema,
     imageSizes: imageSizesSchema,
+    metaData: imageMetaDataSchema,
   })
-  .default(DEFAULT_IMAGE_OBJ)
-  .nullable()
+  .nullish()
   .transform((val) => {
     if (!val) {
       return DEFAULT_IMAGE_OBJ