fix: remove autofilldetector since rhf update caused watch to behave differently

apps/scandic-web/components/HotelReservation/EnterDetails/Details/RoomOne/AutoFillDetector.tsx

@@ -1,23 +0,0 @@
-"use client"
-import { useEffect } from "react"
-import { useFormContext } from "react-hook-form"
-
-export default function AutoFillDetector() {
-  const {
-    formState: { dirtyFields, isDirty, touchedFields },
-    trigger,
-    watch,
-  } = useFormContext()
-
-  useEffect(() => {
-    const subscription = watch((_, field) => {
-      if (field.name && dirtyFields[field.name] && !touchedFields[field.name]) {
-        trigger(field.name)
-      }
-    })
-
-    return () => subscription.unsubscribe()
-  }, [dirtyFields, isDirty, touchedFields, trigger, watch])
-
-  return null
-}

apps/scandic-web/components/HotelReservation/EnterDetails/Details/RoomOne/index.tsx

@@ -13,7 +13,6 @@ import Phone from "@/components/TempDesignSystem/Form/Phone"
 import Footnote from "@/components/TempDesignSystem/Text/Footnote"
 import { useRoomContext } from "@/contexts/Details/Room"
 
-import AutoFillDetector from "./AutoFillDetector"
 import JoinScandicFriendsCard from "./JoinScandicFriendsCard"
 import { guestDetailsSchema, signedInDetailsSchema } from "./schema"
 import Signup from "./Signup"
@@ -169,7 +168,6 @@ export default function Details({ user }: DetailsProps) {
           )}
           <SpecialRequests registerOptions={{ onBlur: updateDetailsStore }} />
         </div>
-        <AutoFillDetector />
       </form>
     </FormProvider>
   )