Removes view style management and adds payment badge

Eliminates complex style tag cleanup and injection logic from the SPA router renderer to simplify view rendering and prevent potential style conflicts.

Adds crypto payment badge to module documentation for donation support.

Author: ralyodio

public/js/modules/README.md

@@ -1,5 +1,7 @@
 # ProFullStack Modules
 
+[![Crypto Payment](https://paybadge.profullstack.com/badge.svg)](https://paybadge.profullstack.com/?tickers=btc%2Ceth%2Csol%2Cusdc)
+
 This repository contains modular components extracted from the ProFullStack boilerplate application. These modules can be used independently in other projects.
 
 ## Available Modules

public/js/modules/spa-router/src/renderer.js

@@ -105,44 +105,6 @@ export function createRenderer(options = {}) {
       }
     }
 
-    // Clean up previous view styles to prevent accumulation
-    const previousViewStyles = document.head.querySelectorAll('style[data-view-style]');
-    previousViewStyles.forEach(style => {
-      try {
-        const styleId = style.getAttribute('data-view-style-id');
-        style.remove();
-        console.log(`Removed previous view style: ${styleId}`);
-      } catch (error) {
-        console.warn('Error removing view style:', error);
-      }
-    });
-    
-    // Extract and process style tags from both head and body sections
-    // Views might have style tags at the root level or in the body
-    const headStyleTags = Array.from(doc.head.querySelectorAll('style'));
-    const bodyStyleTags = Array.from(doc.body.querySelectorAll('style'));
-    const allStyleTags = [...headStyleTags, ...bodyStyleTags];
-    
-    console.log(`Found ${allStyleTags.length} style tags in view (${headStyleTags.length} in head, ${bodyStyleTags.length} in body)`);
-    
-    // Process style tags from the view
-    allStyleTags.forEach((styleTag, index) => {
-      const styleId = `view-style-${Date.now()}-${index}`;
-      const newStyle = document.createElement('style');
-      newStyle.textContent = styleTag.textContent;
-      newStyle.setAttribute('data-view-style', 'true');
-      newStyle.setAttribute('data-view-style-id', styleId);
-      
-      // Add to document head
-      document.head.appendChild(newStyle);
-      console.log(`Added view style tag: ${styleId} with content: ${styleTag.textContent.substring(0, 100)}...`);
-      
-      // Remove the style tag from the original location to prevent duplication
-      if (styleTag.parentNode) {
-        styleTag.parentNode.removeChild(styleTag);
-      }
-    });
-    
     // Get all existing web components in the current DOM to preserve
     const existingComponents = {};
     const customElements = element.querySelectorAll('*').filter(el => el.tagName.includes('-'));