fix: handle unauthorized request

src/common/helpers/index.tsx

@@ -1,9 +1,9 @@
-import { getCookie, isBrowser } from "@/common/utils";
+import { clearCookie, getCookie, isBrowser } from "@/common/utils";
 import {
   notifications as _notifications,
   NotificationData,
 } from "@mantine/notifications";
-import axios from "axios";
+import axios, { AxiosError, HttpStatusCode } from "axios";
 import { TbCheck, TbX } from "react-icons/tb";
 
 export const apiClient = axios.create({
@@ -13,6 +13,29 @@ export const apiClient = axios.create({
   },
 });
 
+apiClient.interceptors.response.use(
+  function (response) {
+    return response;
+  },
+  function (error) {
+    function handleUnauthorizedError(error: AxiosError) {
+      if (
+        error instanceof AxiosError &&
+        error.status === HttpStatusCode.Unauthorized &&
+        isBrowser()
+      ) {
+        clearCookie("access_token");
+
+        window.location.reload();
+      }
+    }
+
+    handleUnauthorizedError(error);
+
+    return Promise.reject(error);
+  }
+);
+
 export const notifications = {
   ..._notifications,
   show(props: NotificationData & { type: "success" | "error" }) {