feat: Add cleanup effect for unmounting (#64)

* feat: Add cleanup effect for unmounting

This commit adds a useEffect cleanup function to the OverlayProvider component that dispatches a ‘REMOVE_ALL’ action upon unmounting.
This ensures that overlays are properly cleaned up during testing scenarios, preventing state leakage and side effects from persistent overlays.

* Create brown-boxes-wink.md

.changeset/brown-boxes-wink.md

@@ -0,0 +1,10 @@
+---
+"overlay-kit": patch
+---
+
+feat: Add cleanup effect for unmounting
+
+This commit introduces a useEffect cleanup function in the OverlayProvider component that dispatches a 'REMOVE_ALL' action when the component unmounts.
+This change ensures that all overlays are properly cleaned up during testing scenarios, preventing state leakage and side effects from persistent overlays.
+
+**Related Issue:** Fixes #63

packages/src/context/provider.tsx

@@ -7,6 +7,12 @@ import { overlay } from '../event';
 export function OverlayProvider({ children }: PropsWithChildren) {
   const overlayState = useSyncOverlayStore();
 
+  useEffect(() => {
+    return () => {
+      dispatchOverlay({ type: 'REMOVE_ALL' });
+    };
+  }, []);
+
   return (
     <OverlayContextProvider value={overlayState}>
       {children}