fix: Refreshing wizard causes loss of progress (typehero#791)

Added an eventListener to listen for beforeunload event. Pops up a
confirmation dialog box

Co-authored-by: bautistaaa <chrisbautistaaa@gmail.com>

apps/web/src/app/[locale]/wizard/_components/index.tsx

@@ -107,6 +107,18 @@ export function Wizard() {
 
   useEffect(() => {
     setRendered(true);
+
+    const handleBeforeUnload: EventListenerOrEventListenerObject = (event) => {
+      event.preventDefault();
+      event.returnValue = false;
+    };
+
+    window.addEventListener('beforeunload', handleBeforeUnload, { capture: true });
+
+    return () => {
+      // Clean up the event listener when the component unmounts
+      window.removeEventListener('beforeunload', handleBeforeUnload);
+    };
   }, []);
 
   const handleNextClick = async () => {