Space 화면 Header UI 구현

[hoqn]

✏️ 한 줄 설명

이 PR의 주요 변경 사항이나 구현된 내용을 간략히 설명해 주세요.

Space 페이지의 헤더 UI를 구현했습니다.

✅ 작업 내용

• Header UI를 구현했습니다.
• Breadcrumb UI를 구현했습니다.
• Header에서도 yjs connection에 접근할 수 있도록, yjs context provider를 끌어올렸습니다.

🏷️ 관련 이슈

• Breadcrumb UI 및 공유 버튼을 구현한다. #43

📸 스크린샷/영상

이번 PR에서 변경되거나 추가된 뷰가 있는 경우 이미지나 동작 영상을 첨부해 주세요.

브레드크럼은 아래와 같이 동적으로 작동하도록 하였습니다.

둘 이하

셋

넷 이상

헤더는 다음과 같이 구성하였습니다.

📌 리뷰 진행 시 참고 사항

리뷰 코멘트 작성 시 특정 사실에 대해 짚는 것이 아니라 코드에 대한 의견을 제안할 경우, 강도를 함께 제시해주세요! (1점: 가볍게 참고해봐도 좋을듯 ↔ 5점: 꼭 바꾸는 게 좋을 것 같음!)

5점: 우선은 Space 페이지 헤더 UI만 구현했습니다. 백엔드 연동으로 브레드크럼 실제로 띄우고, 공유 버튼 구현하는 부분은 별도 PR로 올리겠습니다!

[CatyJazzy]

빠르게 구현해서 올려주신 PR이었는데 .. 늦은 리뷰 죄송합니다.
코멘트는 사소한 것들이라 가볍게 체크해주셔도 될 것 같습니다 👍

[heegenie]

다른 부분은 지후님이 이미 리뷰를 잘 남겨 주셔서..
간단하게만 코멘트 남기고 Approve 하겠습니다 🐝