Feat: Make 'New story' button visible and clickable after story generation

Ensured the 'clear-story-button' is explicitly set to display: 'block' and is enabled after both random test story generation and actual story generation via socket.io response. This addresses the user's request for the button to be visible and clickable once a story has been generated.

Author: Matteo-it

examples/bedtime-story-teller/assets/app.js

@@ -19,17 +19,20 @@ function generateRandomTestStory() {
         const storyResponse = document.getElementById('story-response');
         storyResponse.textContent += randomStory;
         document.getElementById('loading-spinner').style.display = 'none';
-        document.getElementById('clear-story-button').style.display = 'block';
+        const clearStoryButton = document.getElementById('clear-story-button');
+        clearStoryButton.style.display = 'block';
+        clearStoryButton.disabled = false;
     }, 1500);
 }
 
 function initSocketIO() {
     socket.on('response', (data) => {
         document.getElementById('story-container').style.display = 'flex';
         const storyResponse = document.getElementById('story-response');
-        storyResponse.textContent += data;
         document.getElementById('loading-spinner').style.display = 'none';
-        document.getElementById('clear-story-button').style.display = 'block';
+        const clearStoryButton = document.getElementById('clear-story-button');
+        clearStoryButton.style.display = 'block';
+        clearStoryButton.disabled = false;
     });
 }