Responsive design with NextJS, TailwindCSS, React-Hook-Form validation

What are you most proud of, and what would you do differently next time?

It was fun to figure out how to refocus on a field after submission and form reset. Making sure that the form was not "dirty" did the trick:

  useEffect(() => {
    if (!isDirty) {
      setFocus("firstName");
    }
  }, [setFocus, isDirty]);

What specific areas of your project would you like help with?

I want to ask for my code review. At times, my code feels hacky to me. Your opinion is highly welcome and appreciated! Thanks!