feat: migrate nextjs to rr7

packages/ui/components/client-only.tsx

@@ -0,0 +1,11 @@
+import { useEffect, useState } from 'react';
+
+export const ClientOnly = async ({ children }: { children: React.ReactNode }) => {
+  const [mounted, setMounted] = useState(false);
+
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  return mounted ? children : null;
+};