I have a next 15 project which uses external API . I want to create an axios interceptor that works both in server and client , and it should handle the authntocation check like passing the session to all requests and refresh the token once its expired ,

I created a function to retrieve the cookie in both server and client since its a httponly cookie

const getSession = async (key: string) => {
   if (typeof window === "undefined") {
      const { cookies } = await import("next/headers");
      return (await cookies()).get(key)?.value;
   }
   return await axios.get(`/api/cookie/${key}`);
};

i have creeted 2 route handlers , one to get the cookie and one to delete the cookie. but the delete cookie is not working in the server since it wont send any cookies to the route handler

const deleteCookie = async (key: string) => {
   return await axios.delete(`http://localhost:3000/api/cookie/${key}/delete`);
   // clearCookieAction();
};

i aslo tried using server action to clear the cookie , but its showing error that i can only delete the cookie in route handlers or server actions. Is there any solutions for this ? or is there a better approach ? I thought of using nonhttp cookie , in that case too i might need the route handler to delete the cookie coz neither client side cookie.remove nor server side cookie.delete will not work in server. I would appreciate any help