[Feat] 채팅 모달 세부 컴포넌트 구현 및 레이아웃 수정

[joarthvr]

📌 관련 이슈

• Closes [Feat] 채팅 내부 컴포넌트 분리 및 추가 채팅 관련컴포넌트 제작 #72

💭 작업 내용

1. 채팅 모달 헤더 컴포넌트 구현
2. 채팅 하단 nav 컴포넌트 구현
3. 채팅 입력 컴포넌트 구현
4. 채팅방 목록 아이템 컴포넌트 구현
5. 채팅 모달 레이아웃 수정

🤔 참고 사항

• [ ]

📸 스크린샷

[netlify]

✅ Deploy Preview for palettee22 ready!

Name	Link
🔨 Latest commit	cbb850e
🔍 Latest deploy log	https://app.netlify.com/sites/palettee22/deploys/674c84d4f5d40c0008c9f850
😎 Deploy Preview	https://deploy-preview-73--palettee22.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions]

⚡ Lighthouse report for http://localhost:3000/

Category	Score
🔴 Performance	37
🟢 Accessibility	97
🟢 Best Practices	92
🟠 SEO	83

Detailed Metrics

Metric	Value
🔴 First Contentful Paint	46.9 s
🔴 Largest Contentful Paint	76.9 s
🟠 Total Blocking Time	360 ms
🟢 Cumulative Layout Shift	0
🔴 Speed Index	60.9 s

---

[he2e2]

전송 input 쪽 가운데 정렬해야 할 것 같습니당

• 홈 표시도 아예 없애도 될 것 같아요!! 👍

[csk6314]

고생하셨습니다~
Message Input에 폰트 적용 안되는거 같은데 이거 global css에

textarea {
font:inherit;
}

추가해주면 될듯 👍👍