[김찬기] Sprint12

package.json

@@ -25,6 +25,7 @@
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3",
+    "@tanstack/react-query-devtools": "^5.66.9",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",

src/app/(auth)/login/page.tsx

@@ -1,6 +1,6 @@
 import { redirect } from "next/navigation";
-import AuthContainer from "../_components/AuthContainer";
-import LoginForm from "../_components/LoginForm";
+import AuthContainer from "@/components/auth/AuthContainer";
+import LoginForm from "@/components/auth/LoginForm";
 import { auth } from "@/auth";
 
 export default async function LoginPage() {

src/app/(auth)/signup/page.tsx

@@ -1,6 +1,6 @@
 import { redirect } from "next/navigation";
-import AuthContainer from "../_components/AuthContainer";
-import SignupForm from "../_components/SignupForm";
+import AuthContainer from "@/components/auth/AuthContainer";
+import SignupForm from "@/components/auth/SignupForm";
 import { auth } from "@/auth";
 
 export default async function SignupPage() {

src/app/(common)/(board)/addBoard/page.tsx

@@ -1,10 +1,15 @@
+"use client";
+
 import { PageWrapper } from "@/components/Page";
-import ArticleAddForm from "../_components/ArticleAddForm";
+import ArticleForm from "@/components/board/ArticleForm";
+import { useArticleAdd } from "@/service/article.queries";
 
 export default function AddBoardPage() {
+  const { mutateAsync: handleArticleAdd } = useArticleAdd();
+
   return (
     <PageWrapper>
-      <ArticleAddForm />
+      <ArticleForm mode="add" onFormSubmit={handleArticleAdd} />
     </PageWrapper>
   );
 }