feat(FRONTEND): Moved User Dropdown to Search Space Dashboard

surfsense_web/app/dashboard/api-key/client-wrapper.tsx

@@ -0,0 +1,32 @@
+'use client'
+
+import React, { useEffect, useState } from 'react'
+import dynamic from 'next/dynamic'
+
+// Loading component with animation
+const LoadingComponent = () => (
+  <div className="flex flex-col justify-center items-center min-h-screen">
+    <div className="w-16 h-16 border-4 border-primary border-t-transparent rounded-full animate-spin mb-4"></div>
+    <p className="text-muted-foreground">Loading API Key Management...</p>
+  </div>
+)
+
+// Dynamically import the ApiKeyClient component
+const ApiKeyClient = dynamic(() => import('./api-key-client'), { 
+  ssr: false,
+  loading: () => <LoadingComponent />
+})
+
+export default function ClientWrapper() {
+  const [isMounted, setIsMounted] = useState(false)
+  
+  useEffect(() => {
+    setIsMounted(true)
+  }, [])
+  
+  if (!isMounted) {
+    return <LoadingComponent />
+  }
+  
+  return <ApiKeyClient />
+}