refactor: enhance error handling and performance tracking across components

- Improve localStorage access in ActivityFeed, ChatWidget, and AdminPage with try-catch blocks to handle potential errors gracefully.
- Update performance tracking in AnalyticsProvider and analytics.ts to ensure robust error handling and prevent failures from affecting user experience.
- Refactor Web Vitals tracking to include error handling for observer initialization and data collection.
- Ensure consistent handling of hydration mismatches in components like BackgroundBlobs and ChatWidget to improve rendering reliability.

app/components/ClientProviders.tsx

@@ -1,13 +1,21 @@
 "use client";
 
-import React, { useEffect, useState, Suspense, lazy } from "react";
+import React, { useEffect, useState } from "react";
 import { usePathname } from "next/navigation";
+import dynamic from "next/dynamic";
 import { ToastProvider } from "@/components/Toast";
 import { AnalyticsProvider } from "@/components/AnalyticsProvider";
 
-// Lazy load heavy components to avoid webpack issues
-const BackgroundBlobs = lazy(() => import("@/components/BackgroundBlobs"));
-const ChatWidget = lazy(() => import("./ChatWidget"));
+// Dynamic import with SSR disabled to avoid framer-motion issues
+const BackgroundBlobs = dynamic(() => import("@/components/BackgroundBlobs").catch(() => ({ default: () => null })), {
+  ssr: false,
+  loading: () => null,
+});
+
+const ChatWidget = dynamic(() => import("./ChatWidget").catch(() => ({ default: () => null })), {
+  ssr: false,
+  loading: () => null,
+});
 
 export default function ClientProviders({
   children,
@@ -41,17 +49,9 @@ export default function ClientProviders({
   return (
     <AnalyticsProvider>
       <ToastProvider>
-        {mounted && (
-          <Suspense fallback={null}>
-            <BackgroundBlobs />
-          </Suspense>
-        )}
+        {mounted && <BackgroundBlobs />}
         <div className="relative z-10">{children}</div>
-        {mounted && !is404Page && (
-          <Suspense fallback={null}>
-            <ChatWidget />
-          </Suspense>
-        )}
+        {mounted && !is404Page && <ChatWidget />}
       </ToastProvider>
     </AnalyticsProvider>
   );