Fix more bugs with lunch reminder

apps/next/src/components/layout/profile/user-info.tsx

@@ -1,5 +1,5 @@
 'use client';
-import { useState } from 'react';
+import { useMemo, useState } from 'react';
 import { type Preloaded, usePreloadedQuery, useMutation } from 'convex/react';
 import { api } from '~/convex/_generated/api';
 import { z } from 'zod';
@@ -50,13 +50,17 @@ export const UserInfoForm = ({ preloadedUser }: UserInfoFormProps) => {
   const updateUserEmail = useMutation(api.auth.updateUserEmail);
   const updateUserLunchtime = useMutation(api.auth.updateUserLunchtime);
 
-  const form = useForm<z.infer<typeof formSchema>>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
+  const initialValues = useMemo<z.infer<typeof formSchema>>(
+    () => ({
       name: user?.name ?? '',
       email: user?.email ?? '',
       lunchTime: user?.lunchTime ?? '',
-    },
+    }), [user?.name, user?.email, user?.lunchTime]
+  );
+
+  const form = useForm<z.infer<typeof formSchema>>({
+    resolver: zodResolver(formSchema),
+    values: initialValues,
   });
 
   const handleSubmit = async (values: z.infer<typeof formSchema>) => {