feat: NoticeEditPage, useNoticeEdit 훅 추가

frontend/src/hooks/api/useNoticeEdit.js

@@ -0,0 +1,15 @@
+import instance from '../../utils/axios/instance';
+import { API_URL } from '../../constants';
+
+export function useNoticeEdit() {
+  const noticeEdit = (boardId, title, content) => {
+    const newNotice = {
+      title,
+      content,
+    };
+    console.log(newNotice);
+    return instance.put(`${API_URL}/board/${boardId}`, newNotice);
+  };
+
+  return { noticeEdit };
+}

frontend/src/pages/NoticeEditPage/NoticeEditPage.jsx

@@ -0,0 +1,32 @@
+import { EditArticle } from '../../components/Article';
+import { useNavigate } from 'react-router-dom';
+import { useNoticeEdit } from '../../hooks/api/useNoticeEdit';
+import { useParams } from 'react-router-dom';
+import { useNoticeDetail } from '../../hooks/api/useNoticeDetail';
+
+export default function NoticeEditPage() {
+  const navigate = useNavigate();
+  const { noticeId } = useParams();
+  const { noticeEdit } = useNoticeEdit();
+
+  const { data } = useNoticeDetail(noticeId);
+  const notice = data?.data;
+
+  const handleSubmit = async (e, title, content) => {
+    e.preventDefault();
+
+    await noticeEdit(noticeId, title, content);
+
+    navigate('..');
+  };
+  return (
+    <EditArticle
+      topic="글 쓰기"
+      title="공지사항"
+      prevTitle={notice.title}
+      prevContent={notice.content}
+      onSubmit={handleSubmit}
+      isPut={true}
+    />
+  );
+}

frontend/src/pages/NoticeEditPage/index.js

@@ -0,0 +1 @@
+export { default } from './NoticeEditPage';