뒤로가기 버튼 추가

src/components/Pages/BackToFeedButton.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import { useNavigate } from 'react-router-dom';
+
+const BackToFeedButton: React.FC = () => {
+  const navigate = useNavigate();
+
+  const handleBackToFeed = () => {
+    navigate('/feed');
+  };
+
+  return (
+    <button onClick={handleBackToFeed}>
+      피드로 돌아가기
+    </button>
+  );
+};
+
+export default BackToFeedButton;

src/components/Pages/EditPostPage.tsx

@@ -6,6 +6,7 @@ import { doc, updateDoc, serverTimestamp } from 'firebase/firestore';
 import { useAuth } from '../../contexts/AuthContext';
 import ReactQuill from 'react-quill';
 import 'react-quill/dist/quill.snow.css';
+import BackToFeedButton from './BackToFeedButton';
 
 const EditPostPage: React.FC = () => {
     const { id } = useParams<{ id: string }>();
@@ -44,6 +45,7 @@ const EditPostPage: React.FC = () => {
     return (
         <div>
             <h1>Edit Post</h1>
+            <BackToFeedButton />
             <form onSubmit={handleSubmit}>
                 <ReactQuill value={content} onChange={setContent} />
                 <button type="submit">Update Post</button>

src/components/Pages/PostDetailPage.tsx

@@ -6,6 +6,7 @@ import { deleteDoc, doc } from 'firebase/firestore';
 import { fetchPost } from '../../utils/postUtils';
 import { Post } from '../../types/Posts';
 import { useAuth } from '../../contexts/AuthContext';
+import BackToFeedButton from '../Pages/BackToFeedButton';
 
 const deletePost = async (id: string): Promise<void> => {
   await deleteDoc(doc(firestore, 'posts', id));
@@ -65,6 +66,7 @@ const PostDetailPage: React.FC = () => {
 
   return (
     <div>
+      <BackToFeedButton />
       <h1>{post.title}</h1>
       <div dangerouslySetInnerHTML={{ __html: post.content }} />
       <p>
@@ -80,4 +82,4 @@ const PostDetailPage: React.FC = () => {
   );
 };
 
-export default PostDetailPage;
+export default PostDetailPage;