fix(examples): add SessionProvider layout for auth-next route

Fix "useSession must be wrapped in SessionProvider" error by adding
a dedicated layout.tsx for the /connect-with-auth-next route.

The layout wraps the route with SessionProvider and passes the
server-side session, following Next.js App Router best practices.

Co-authored-by: Cursor <cursoragent@cursor.com>

Author: rodrigo-fournier-immutable

examples/passport/wallets-connect-with-nextjs/app/connect-with-auth-next/layout.tsx

@@ -0,0 +1,12 @@
+import { SessionProvider } from 'next-auth/react';
+import { auth } from '@/lib/auth-next';
+
+export default async function ConnectWithAuthNextLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const session = await auth();
+
+  return <SessionProvider session={session}>{children}</SessionProvider>;
+}

examples/passport/wallets-connect-with-nextjs/app/connect-with-auth-next/page.tsx

@@ -4,9 +4,8 @@ import { Button, Heading, Body } from '@biom3/react';
 import { useImmutableSession, useLogin, useLogout } from '@imtbl/auth-next-client';
 import { connectWallet } from '@imtbl/wallet';
 import { useState } from 'react';
-import { SessionProvider } from 'next-auth/react';
 
-function ConnectWithAuthNextContent() {
+export default function ConnectWithAuthNext() {
   const { isAuthenticated, session, getUser } = useImmutableSession();
   const { loginWithPopup, isLoggingIn, error: loginError } = useLogin();
   const { logout, isLoggingOut, error: logoutError } = useLogout();
@@ -150,11 +149,3 @@ function ConnectWithAuthNextContent() {
     </div>
   );
 }
-
-export default function ConnectWithAuthNext() {
-  return (
-    <SessionProvider>
-      <ConnectWithAuthNextContent />
-    </SessionProvider>
-  );
-}