feat: enhance analytics and performance tracking with real data metrics

- Integrate real page view data from the database for accurate analytics.
- Implement cache-busting for fresh data retrieval in analytics dashboard.
- Calculate and display bounce rate, average session duration, and unique users.
- Refactor performance metrics to ensure only real data is considered.
- Improve user experience with toast notifications for success and error messages.
- Update project editor with undo/redo functionality and enhanced content management.

components/AnalyticsProvider.tsx

@@ -16,12 +16,37 @@ export const AnalyticsProvider: React.FC<AnalyticsProviderProps> = ({ children }
     if (typeof window === 'undefined') return;
 
     // Track page view
-    const trackPageView = () => {
+    const trackPageView = async () => {
+      const path = window.location.pathname;
+      const projectMatch = path.match(/\/projects\/([^\/]+)/);
+      const projectId = projectMatch ? projectMatch[1] : null;
+
+      // Track to Umami (if available)
       trackEvent('page-view', {
-        url: window.location.pathname,
+        url: path,
         referrer: document.referrer,
         timestamp: Date.now(),
       });
+
+      // Track to our API
+      try {
+        await fetch('/api/analytics/track', {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+          body: JSON.stringify({
+            type: 'pageview',
+            projectId: projectId,
+            page: path
+          })
+        });
+      } catch (error) {
+        // Silently fail
+        if (process.env.NODE_ENV === 'development') {
+          console.error('Error tracking page view:', error);
+        }
+      }
     };
 
     // Track page load performance
@@ -30,6 +55,62 @@ export const AnalyticsProvider: React.FC<AnalyticsProviderProps> = ({ children }
     // Track initial page view
     trackPageView();
 
+    // Track performance metrics to our API
+    const trackPerformanceToAPI = async () => {
+      try {
+        // Get current page path to extract project ID if on project page
+        const path = window.location.pathname;
+        const projectMatch = path.match(/\/projects\/([^\/]+)/);
+        const projectId = projectMatch ? projectMatch[1] : null;
+
+        // Wait for page to fully load
+        setTimeout(async () => {
+          const navigation = performance.getEntriesByType('navigation')[0] as PerformanceNavigationTiming;
+          const paintEntries = performance.getEntriesByType('paint');
+          const lcpEntries = performance.getEntriesByType('largest-contentful-paint');
+          
+          const fcp = paintEntries.find((e: PerformanceEntry) => e.name === 'first-contentful-paint');
+          const lcp = lcpEntries[lcpEntries.length - 1];
+          
+          const performanceData = {
+            loadTime: navigation ? navigation.loadEventEnd - navigation.fetchStart : 0,
+            fcp: fcp ? fcp.startTime : 0,
+            lcp: lcp ? lcp.startTime : 0,
+            ttfb: navigation ? navigation.responseStart - navigation.fetchStart : 0,
+            cls: 0, // Will be updated by CLS observer
+            fid: 0, // Will be updated by FID observer
+            si: 0 // Speed Index - would need to calculate
+          };
+
+          // Send performance data
+          await fetch('/api/analytics/track', {
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({
+              type: 'performance',
+              projectId: projectId,
+              page: path,
+              performance: performanceData
+            })
+          });
+        }, 2000); // Wait 2 seconds for page to stabilize
+      } catch (error) {
+        // Silently fail
+        if (process.env.NODE_ENV === 'development') {
+          console.error('Error tracking performance:', error);
+        }
+      }
+    };
+
+    // Track performance after page load
+    if (document.readyState === 'complete') {
+      trackPerformanceToAPI();
+    } else {
+      window.addEventListener('load', trackPerformanceToAPI);
+    }
+
     // Track route changes (for SPA navigation)
     const handleRouteChange = () => {
       setTimeout(() => {