From 3e1732f2173470adef85e246a2b16da842b4e9eb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=B1=84=EC=A7=80=EC=9B=90?= <dev.julia.chae@gmail.com>
Date: Wed, 14 May 2025 15:16:33 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=ED=97=A4=EB=8D=94=EC=97=90=20=EB=92=A4?=
 =?UTF-8?q?=EB=A1=9C=EA=B0=80=EA=B8=B0=20=EB=B2=84=ED=8A=BC=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PageHeader/PageHeader.tsx | 39 +++++++++++++++++++-----
 1 file changed, 31 insertions(+), 8 deletions(-)

diff --git a/src/components/PageHeader/PageHeader.tsx b/src/components/PageHeader/PageHeader.tsx
index ca7ad3a..3e469d4 100644
--- a/src/components/PageHeader/PageHeader.tsx
+++ b/src/components/PageHeader/PageHeader.tsx
@@ -1,8 +1,16 @@
-import { Box, Typography, Button, Menu, MenuItem } from "@mui/material";
+import {
+  Box,
+  Typography,
+  Button,
+  Menu,
+  MenuItem,
+  IconButton,
+} from "@mui/material";
 import { useState } from "react";
 import { Link, useNavigate } from "react-router-dom";
 import useUserStore from "@stores/useUserStore";
 import AccountCircleIcon from "@mui/icons-material/AccountCircle";
+import ArrowBackIcon from "@mui/icons-material/ArrowBackIos";
 
 interface PageHeaderProps {
   title: string;
@@ -46,13 +54,28 @@ const PageHeader = ({ title, userName, action }: PageHeaderProps) => {
         boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.05)",
       }}
     >
-      <Typography
-        variant="h5"
-        component="h1"
-        sx={{ fontWeight: "bold", color: "#222222" }}
-      >
-        {title}
-      </Typography>
+      <Box sx={{ display: "flex", alignItems: "center", gap: 2 }}>
+        {
+          <IconButton
+            onClick={() => navigate(-1)}
+            sx={{
+              color: "#164F9E",
+              "&:hover": {
+                backgroundColor: "rgba(22, 79, 158, 0.04)",
+              },
+            }}
+          >
+            <ArrowBackIcon />
+          </IconButton>
+        }
+        <Typography
+          variant="h5"
+          component="h1"
+          sx={{ fontWeight: "bold", color: "#222222" }}
+        >
+          {title}
+        </Typography>
+      </Box>
 
       <Box sx={{ display: "flex", alignItems: "center", gap: 2 }}>
         {action}