feat: Add new event triggered on DOM updates

A new event is introduced that triggers when changes are made in the Storyblok Visual Editor.
This is particularly helpful for generating CSS dynamically, as outlined in issue #864.

src/live-preview/handleStoryblokMessage.ts

@@ -24,6 +24,8 @@ export async function handleStoryblokMessage(event: {
       // Get current focused element in Storyblok
       const focusedElem = document.querySelector('[data-blok-focused="true"]');
       updateDOMWithNewBody(currentBody, newBody, focusedElem);
+      // Dispatch a custom event after the body update
+      document.dispatchEvent(new Event('storyblok-live-preview-updated'));
     };
     const debounceDelay = 500; // Adjust the delay as needed
     clearTimeout(timeout);