Set access token and refresh token in Cookie with Keycloak - reactjs

Question

In our applications, we are using a identity provider called Tilia through Keycloak.
┌────────────────┐
│ │
┌──┤ Telia OpenId ├──────┐
│ │ │ │
│ └────────────────┘ │
│ │
│ │
│ │
│ │
┌──────┴───────────┐ │
│ │ │
│ React Frontend │ │
│ │ │
└─────────┬────────┘ │
│ │
│ │
┌─────────┴───────┐ ┌───────┴──────┐
│ │ │ │
│ Spring Cloud ├───────┤ Keycloak │
│ Gateway │ │ │
│ │ └──────────────┘
└─────────┬───────┘
│
│
┌─────────┴──────────┬────────────────────┐
│ │ │
┌─────────┴────────┐ ┌─────────┴─────────┐ ┌────────┴─────────┐
│ │ │ │ │ │
│ Microservice 1 │ │ Microservice 2 │ │ Microservice 3 │
│ │ │ │ │ │
└──────────────────┘ └───────────────────┘ └──────────────────┘
We are using Authorization Code Flow to with the React web application.
User go to website login page
User clicks on "Log using Telia" button
User enter username, password and authorize
The redirect URL is <host>/auth/code, so we have a React component configured using react-router to get the authorization code from document.location.search and send a request to Keycloak to get the access token and refresh token. Tokens from the response will be stored in the Local Storage.
However, we are planning to use Cookies to store tokens instead of the LocalStorage. So, Is there a way to map response body tokens to Set-Cookie headers in Keycloak? Should I use Spring Cloud Gateway to do the mapping. Or is there any other preferred method to achieve this?