feat: adjust select rate ui to latest design

server/routers/hotels/schemas/hotel/poi.ts

@@ -1,24 +1,25 @@
 import { z } from "zod"
 
+import { nullableNumberValidator } from "@/utils/zod/numberValidator"
+import { nullableStringValidator } from "@/utils/zod/stringValidator"
+
 import { getPoiGroupByCategoryName } from "../../utils"
 import { locationSchema } from "./location"
 
 export const pointOfInterestSchema = z
   .object({
     category: z.object({
-      name: z.string().optional(),
-      group: z.string().optional(),
+      name: nullableStringValidator,
     }),
-    distance: z.number().optional(),
-    isHighlighted: z.boolean().optional(),
-    location: locationSchema.optional(),
-    name: z.string().optional(),
+    distance: nullableNumberValidator,
+    location: locationSchema,
+    name: nullableStringValidator,
   })
   .transform((poi) => ({
     categoryName: poi.category.name,
     coordinates: {
-      lat: poi.location?.latitude ?? 0,
-      lng: poi.location?.longitude ?? 0,
+      lat: poi.location.latitude,
+      lng: poi.location.longitude,
     },
     distance: poi.distance,
     group: getPoiGroupByCategoryName(poi.category.name),
@@ -27,6 +28,8 @@ export const pointOfInterestSchema = z
 
 export const pointOfInterestsSchema = z
   .array(pointOfInterestSchema)
+  .nullish()
+  .transform((arr) => (arr ? arr.filter(Boolean) : []))
   .transform((pois) =>
     pois.sort((a, b) => (a.distance ?? 0) - (b.distance ?? 0))
   )