refactor: 코드리뷰 반영

Author: seueooo

app/not-found.css.ts

@@ -25,8 +25,8 @@ export const description = style({
 export const button = style({
   marginTop: "1.6rem",
   ...themeVars.text.F14,
-  backgroundColor: themeVars.color.white[100],
   color: themeVars.color.black[100],
+  backgroundColor: themeVars.color.white[100],
   borderRadius: "8px",
   padding: "0.8rem 1.2rem",
   selectors: {

app/not-found.tsx

@@ -1,18 +1,26 @@
+'use client'
 import NoneImage from "@/shared/assets/2D-illust/none.svg";
 import * as styles from "./not-found.css";
-import Link from "next/link";
+
 import { PATH } from "@/shared/constants/path";
+import { useRouter } from "next/navigation";
+
 export default function NotFound() {
+  const router = useRouter();
+  
   return (
     <div className={styles.container}>
       <NoneImage width={120} height={65} />
       <p className={styles.title}>페이지를 찾을 수 없습니다.</p>
       <p className={styles.description}>
         찾으시는 페이지가 존재하지 않거나 </p>
         <p className={styles.description}>이동되었을 수 있습니다.</p>
-      <Link href={PATH.HOME} >
-        <button className={styles.button}>홈으로 돌아가기</button>
-      </Link>
+      <button 
+        onClick={() => router.push(PATH.HOME)} 
+        className={styles.button}
+      >
+        홈으로 돌아가기
+      </button>
     </div>
   );
 }

shared/api/api-client.ts

@@ -1,7 +1,7 @@
 import ky, { type Options as KyOptions, type ResponsePromise } from "ky";
 import { HTTP_STATUS_CODE } from "@/shared/constants/api";
 import { HTTPError } from "ky";
-import Router from "next/router";
+import { PATH } from "@/shared/constants/path";
 
 const API_BASE_URL =
   process.env.NODE_ENV === "development"
@@ -23,11 +23,11 @@ const http = ky.create({
           const { response } = error;
           switch (response.status) {
             case HTTP_STATUS_CODE.UNAUTHORIZED: {
-              Router.push("/login");
+              window.location.replace(PATH.LOGIN);
               break;
             }
             case HTTP_STATUS_CODE.NOT_FOUND: {
-              Router.push("/404");
+              window.location.replace("/404");
               break;
             }
           }