Feat: 홈화면에서 식물과 대화정도 있는 부분 추가, 친구 프로필 조회, 친구 삭제

package.json

@@ -24,6 +24,7 @@
     "react-dom": "19.2.1",
     "react-lottie-player": "^2.1.0",
     "react-query": "^3.39.3",
+    "swiper": "^12.0.3",
     "zustand": "^5.0.9"
   },
   "devDependencies": {

src/app/day-log/page.tsx

@@ -1,5 +1,5 @@
+import { HeaderWithIcon } from "@/components/common/HeaderWithIcon";
 import { NavBar } from "@/components/common/NavBar";
-import { Header } from "@/components/dailyRecord/Header";
 import { RecordMissionFeed } from "@/components/dailyRecord/MissionFeed";
 import { RecordMissionInfo } from "@/components/dailyRecord/MissionInfo";
 import { SharedDiaryCard } from "@/components/dailyRecord/SharedDiaryCard";
@@ -12,7 +12,7 @@ const DailyRecordPage = () => {
 
   return (
     <main className="flex w-full flex-col pb-[112px]">
-      <Header />
+      <HeaderWithIcon title="하루기록" havePencil={true} />
       <RecordMissionInfo hasMyRecord={hasMyRecord} />
       <div className="mt-[17.5px]">
         <RecordMissionFeed />

src/app/page.tsx

@@ -1,3 +1,24 @@
+import { NavBar } from "@/components/common/NavBar";
+import { ChatProgress } from "@/components/home/ChatProgress";
+import { Header } from "@/components/home/Header";
+import { PlantProgress } from "@/components/home/PlantProgress";
+
 export default function HomePage() {
-  return <div>홈 화면</div>;
+  return (
+    <main className="w-full">
+      <div className="mt-[8.5px]">
+        <Header />
+      </div>
+
+      <div className="pt-[23.5px] pb-[75px]">
+        <PlantProgress />
+      </div>
+      <div className="pb-[119px]">
+        <ChatProgress />
+      </div>
+      <div className="fixed bottom-0 w-full max-w-[440px]">
+        <NavBar />
+      </div>
+    </main>
+  );
 }

src/app/shared-diary/[id]/page.tsx

@@ -2,7 +2,7 @@
 
 import { useParams } from "next/navigation";
 
-import { Header } from "@/components/dailyRecord/Header";
+import { HeaderWithIcon } from "@/components/common/HeaderWithIcon";
 import { SharedDiaryItem } from "@/components/dailyRecord/ShareDiaryItem";
 
 import SharedDiaryData from "@/mock/sharedDiary.json";
@@ -21,8 +21,8 @@ const SharedDiaryPage = () => {
   }
 
   return (
-    <div className="flex w-full flex-col">
-      <Header />
+    <div className="flex w-full flex-col justify-center">
+      <HeaderWithIcon title="공유일기" havePencil={true} />
       <SharedDiaryItem key={diaryData.id} item={diaryData} commentMode />
     </div>
   );