Bob AI: Move the 'use client' directive to the very top of the layou

src/app/layout.tsx

@@ -14,6 +14,8 @@ const inter = Inter({
   variable: "--font-inter",  subsets: ["latin"],
 });
 
+'use client';
+
 export const metadata: Metadata = {
   title: "Strategic Media Buying Expert | Drive Advertising Results",  description: "Professional media buying services that deliver measurable ROI. Expert strategies for brands and advertising professionals seeking impactful campaigns.",  keywords: ["media buying", "advertising strategy", "digital marketing", "brand growth", "ROI optimization"]
 };
@@ -31,7 +33,6 @@ export default function RootLayout({
         >
           <Tag />
           {children}
-          <CursorTrail />
         
         <script
           dangerouslySetInnerHTML={{
@@ -42,91 +43,6 @@ export default function RootLayout({
   if (window.__webildEditorInitialized) return;
   window.__webildEditorInitialized = true;
 
-  // Custom cursor and click sound effects
-  const clickSound = new Audio('data:audio/wav;base64,UklGRiYAAABXQVZFZm10IBAAAAABAAEAQB8AAAB9AAACABAAZGF0YQIAAAAAAA==');
-  clickSound.volume = 0.3;
-  
-  document.addEventListener('click', function() {
-    try {
-      clickSound.currentTime = 0;
-      clickSound.play().catch(() => {});
-    } catch(e) {}
-  });
-
-  // Hide default cursor
-  document.documentElement.style.cursor = 'none';
-  document.body.style.cursor = 'none';
-=======
-REPLACE
-
-<<<<<<< SEARCH
-     '[contenteditable="true"].webild-selected {' +
-     '  outline: 2px solid #4d96ff !important;' +
-     '  background-color: #4d96ff05 !important;' +
-     '}' +
-     'img.webild-hover,' +
-     'img.webild-selected,' +
-     'video.webild-hover,' +
-     'video.webild-selected {' +
-     '  outline-offset: 2px !important;' +
-     '}' +
-     '.webild-element-type-label {' +
-     '  position: fixed !important;' +
-     '  z-index: 999999 !important;' +
-     '  background: #4d96ff !important;' +
-     '  color: white !important;' +
-     '  padding: 4px 8px !important;' +
-     '  font-size: 11px !important;' +
-     '  font-weight: 600 !important;' +
-     '  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;' +
-     '  pointer-events: none !important;' +
-=======
-     '[contenteditable="true"].webild-selected {' +
-     '  outline: 2px solid #4d96ff !important;' +
-     '  background-color: #4d96ff05 !important;' +
-     '}' +
-     'img.webild-hover,' +
-     'img.webild-selected,' +
-     'video.webild-hover,' +
-     'video.webild-selected {' +
-     '  outline-offset: 2px !important;' +
-     '}' +
-     '.custom-cursor {' +
-     '  position: fixed !important;' +
-     '  width: 20px !important;' +
-     '  height: 20px !important;' +
-     '  border: 2px solid #a78bfa !important;' +
-     '  border-radius: 50% !important;' +
-     '  pointer-events: none !important;' +
-     '  z-index: 999998 !important;' +
-     '  box-shadow: 0 0 10px rgba(167, 139, 250, 0.6) !important;' +
-     '  transition: all 0.1s ease-out !important;' +
-     '}' +
-     '.custom-cursor.active {' +
-     '  width: 28px !important;' +
-     '  height: 28px !important;' +
-     '  box-shadow: 0 0 20px rgba(167, 139, 250, 0.8), inset 0 0 10px rgba(167, 139, 250, 0.4) !important;' +
-     '}' +
-     '.cursor-trail {' +
-     '  position: fixed !important;' +
-     '  width: 8px !important;' +
-     '  height: 8px !important;' +
-     '  background: radial-gradient(circle, rgba(167, 139, 250, 0.8), rgba(167, 139, 250, 0)) !important;' +
-     '  border-radius: 50% !important;' +
-     '  pointer-events: none !important;' +
-     '  z-index: 999997 !important;' +
-     '}' +
-     '.webild-element-type-label {' +
-     '  position: fixed !important;' +
-     '  z-index: 999999 !important;' +
-     '  background: #4d96ff !important;' +
-     '  color: white !important;' +
-     '  padding: 4px 8px !important;' +
-     '  font-size: 11px !important;' +
-     '  font-weight: 600 !important;' +
-     '  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;' +
-     '  pointer-events: none !important;' +
-
   let isActive = false;
   let hoveredElement = null;
   let selectedElement = null;
@@ -141,50 +57,6 @@ REPLACE
   const hoverClass = 'webild-hover';
   const selectedClass = 'webild-selected';
 
-  // Cursor trail and animation system
-  let mouseX = 0, mouseY = 0;
-  let cursorX = 0, cursorY = 0;
-  const customCursor = document.createElement('div');
-  customCursor.className = 'custom-cursor';
-  document.body.appendChild(customCursor);
-
-  document.addEventListener('mousemove', (e) => {
-    mouseX = e.clientX;
-    mouseY = e.clientY;
-    
-    cursorX += (mouseX - cursorX) * 0.2;
-    cursorY += (mouseY - cursorY) * 0.2;
-    
-    customCursor.style.left = (cursorX - 10) + 'px';
-    customCursor.style.top = (cursorY - 10) + 'px';
-
-    if (Math.random() > 0.7) {
-      const trail = document.createElement('div');
-      trail.className = 'cursor-trail';
-      trail.style.left = (mouseX - 4) + 'px';
-      trail.style.top = (mouseY - 4) + 'px';
-      document.body.appendChild(trail);
-      
-      setTimeout(() => trail.remove(), 600);
-    }
-  });
-
-  document.addEventListener('mousedown', () => {
-    customCursor.classList.add('active');
-  });
-
-  document.addEventListener('mouseup', () => {
-    customCursor.classList.remove('active');
-  });
-
-  document.addEventListener('mouseleave', () => {
-    customCursor.style.opacity = '0';
-  });
-
-  document.addEventListener('mouseenter', () => {
-    customCursor.style.opacity = '1';
-  });
-
   const style = document.createElement('style');
   style.id = 'webild-inspector-styles';
   style.textContent = '' +