feat: move frame code to FrameProvider.tsx

src/app/providers.tsx

@@ -3,7 +3,7 @@
 import dynamic from "next/dynamic";
 import type { Session } from "next-auth"
 import { SessionProvider } from "next-auth/react"
-
+import { FrameProvider } from "~/components/providers/FrameProvider";
 
 const WagmiProvider = dynamic(
   () => import("~/components/providers/WagmiProvider"),
@@ -16,7 +16,9 @@ export function Providers({ session, children }: { session: Session | null, chil
   return (
     <SessionProvider session={session}>
       <WagmiProvider>
-        {children}
+        <FrameProvider>
+          {children}
+        </FrameProvider>
       </WagmiProvider>
     </SessionProvider>
   );