Realtime connection not working with user permissions

import env from "@/env";
import {
  Client,
  Account,
  Storage,
  Databases,
  Avatars,
} from "appwrite"
import axios from "axios";


export async function createSessionClient() {
  
  const client = new Client()
    .setEndpoint(env.appwrite.endpoint)
    .setProject(env.appwrite.projectId);
    
  const session = (await axios.get("/api/auth/session")).data.session
  
  if (!session || !session.value) {
    throw new Error("No session found");
  }
  client.setSession(session.value);

  return {
    get client() {
      return client;
    },
    get account() {
      return new Account(client);
    },
    get storage() {
      return new Storage(client);
    },
    get databases() {
      return new Databases(client);
    },
    get avatars() {
      return new Avatars(client);
    },
  };
}

export async function getLoggedInUser() {
  try {
    const { account } = await createSessionClient()
    const user = await account.get()
    return {
      id: user.$id,
      name: user.name,
      email: user.email,
      avatar: `https://ui-avatars.com/api/?name=${user.name.replace(/ /g, "+")}&background=random`,
    };
  }
  catch (err) {
    console.log(err)
    return null;
  }
}

import { getLoggedInUser } from "@/appwrite/server/config";
import { NextResponse } from "next/server";

export async function GET() {
  const user = await getLoggedInUser();

  if (!user) {
    return NextResponse.json({error: "Not logged in"}, {status: 401})
  }

  return NextResponse.json({
    id: user.$id,
    name: user.name,
    email: user.email,
    avatar: `https://ui-avatars.com/api/?name=${user.name.replace(/ /g, "+")}&background=random`,
  }, {status: 200})
}