reorganize providers

src/app/providers.tsx

@@ -0,0 +1,14 @@
+"use client";
+
+import dynamic from "next/dynamic";
+
+const WagmiProvider = dynamic(
+  () => import("~/components/providers/WagmiProvider"),
+  {
+    ssr: false,
+  }
+);
+
+export function Providers({ children }: { children: React.ReactNode }) {
+  return <WagmiProvider>{children}</WagmiProvider>;
+}