Directus Google login cookie issue

I have av vanilla js frontend and directus hosted on render. i used to have email pass login and im trying to have google login on the frontend.
i redirect to my directus domain with auth/login/google?redirect={frontend}.
it created the account on directus and redirects me back to the frontend, but i think the cookie is being blocked.
if i go to dev → application → cookie
only my frontend domain is present and it has the token but i cannot access it by using credentials : ‘include’ in my api requests.
bellow are my env variables without the sensitive ones:
AUTH_COOKIE_SAME_SITE=none
AUTH_COOKIE_SECURE=true
AUTH_GOOGLE_ALLOW_PUBLIC_REGISTRATION=true
AUTH_GOOGLE_DRIVER=openid
AUTH_GOOGLE_EMAIL_KEY=email
AUTH_GOOGLE_ICON=google
AUTH_GOOGLE_IDENTIFIER_KEY=email
AUTH_GOOGLE_ISSUER_URL=https://accounts.google.com
AUTH_GOOGLE_LABEL=google
AUTH_GOOGLE_MODE=cookie
AUTH_GOOGLE_REDIRECT_ALLOW_LIST={frontend-local},{frontend-prod}
AUTH_PROVIDERS=local,google_sso,google
CORS_CREDENTIALS=true
CORS_ENABLED=true
CORS_HEADERS=Content-Type,Authorization,Accept,Origin,User-Agent,DNT,Cache-Control,X-Mx-ReqToken,Keep-Alive,X-Requested-With,If-Modified-Since
CORS_METHODS=GET,POST,PATCH,DELETE,OPTIONS
CORS_ORIGIN={frontend-local},{frontend-prod}
PUBLIC_URL={directus-url}
REFRESH_TOKEN_COOKIE_SAME_SITE=none
REFRESH_TOKEN_COOKIE_SECURE=true
TRUST_PROXY=true