add confirm when leave from add or edit question page

src/Hooks/useUnsavedChangesWarning.tsx

@@ -3,7 +3,6 @@ import { useTranslation } from "react-i18next";
 
 const useUnsavedChangesWarning = (unsavedChanges: boolean) => {
   const [t] = useTranslation();
-
   useEffect(() => {
     const handleBeforeUnload = (event: BeforeUnloadEvent) => {
       if (unsavedChanges) {
@@ -14,9 +13,15 @@ const useUnsavedChangesWarning = (unsavedChanges: boolean) => {
       }
     };
 
-    const handleNavigation = (event: MouseEvent) => {
+const handleNavigation = (event: Event) => {
+      // const target = event.target as HTMLElement;
+
   if (unsavedChanges   ) {
-        console.log(t("Access denied: You have unsaved changes!"));
+      const leave = window.confirm(t("validation.You have unsaved changes! Are you sure you want to leave?"));
+
+    if (leave) return ;
+
+    event.stopPropagation();
     event.preventDefault();
   }
 };
@@ -24,19 +29,21 @@ const useUnsavedChangesWarning = (unsavedChanges: boolean) => {
     window.addEventListener("beforeunload", handleBeforeUnload);
 
     // Intercept link clicks (example for <a> elements)
-    document.querySelectorAll("a").forEach((link) => {
+      // document.addEventListener("click", handleNavigation);
+    document.querySelectorAll(".link").forEach((link) => {
       link.addEventListener("click", handleNavigation);
     });
 
     return () => {
       window.removeEventListener("beforeunload", handleBeforeUnload);
-
+    document.querySelectorAll(".link").forEach((link) => {
-      // Clean up event listeners
-      document.querySelectorAll("a").forEach((link) => {
       link.removeEventListener("click", handleNavigation);
     });
+      // Clean up event listeners
+      document.removeEventListener("click", handleNavigation);
+
     };
-  }, [unsavedChanges, t]);
+  }, [unsavedChanges]);
 };
 
 export default useUnsavedChangesWarning;