oauth2 in nextjs app not working as it should

for whole code view https://codeshare.io/5XYBMa

//app/store/auth.ts snippet for oauth2
async signInWithGoogle() {
const successUrl = 'http://localhost:3001/success';
const failureUrl = 'http://localhost:3001/login?error=oauth_failed';
try {
await account.createOAuth2Session(
OAuthProvider.Google,
successUrl,
failureUrl,
['profile', 'email'],);
async handleOAuthCallback() {
try {
const session = await account.getSession("current");
const user = await account.get();
const { jwt } = await account.createJWT();

gettting errror result:
Object { success: false, error: AppwriteException }
​
error: AppwriteException: User (role: guests) missing scope (account)
​
success: false