feat: integrate website-hook-sdk with auto-screenshot capture component

app/layout.tsx

@@ -6,6 +6,7 @@ import { Footer } from "@/components/layout/footer";
 import { CartDrawer } from "@/components/cart/cart-drawer";
 import { ToastProvider } from "@/components/ui/toast-provider";
 import { WebVitals } from "@/_components/web-vitals";
+import { InteractionTracker } from "@/components/interaction-tracker";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -37,6 +38,7 @@ export default function RootLayout({
         <CartDrawer />
         <ToastProvider />
         {process.env.NODE_ENV === "production" ? null : <WebVitals />}
+        <InteractionTracker />
       </body>
     </html>
   );