Multi-Step-Form using react-hook-form and Zod validation.

The code is scuffed because it took me about 2 days to do step 3 with the checkboxes. it would have been fine if I only took the names of the checkboxes, but I also had to consider the prices of each box based on the choice in step2 so that means I have to create an array of objects and unfortunately. inputs cannot set objects as their value. Unless I am wrong, please do provide some info on how to do that. I have been at this for at least 2 weeks, so this challenge really beat the hell out of me. sorry for the language.

I would really like to know If I could have solved most of my problems in a more efficient and less "brute force" way of coding especially in step 3 where I brute forced the checkboxes with its functions. am I using react-hook-form correctly? what should I learn more about when it comes to that?