사이드바 스타일 수정 및 배치

[handje]

Pull request

Related issue

Resolve #111 @handje

Motivation and context

• 사이드바 fixed 속성 수정
• 사이드바 배치

Solution

1. SidebarInset 내부에 메인 콘텐츠 구현

      <SidebarInset className="flex flex-col min-w-0 min-h-0 w-full h-full">
        <ChatHeader />
        <ChatSection />
      </SidebarInset>

2. ChatHeader 내부에 sidebar trigger배치한 뒤 헤더 추가 스타일링은 따로 하지 않았습니다.
3. content인 채팅 리스트와 chat-text-area부분의 padding값을 주어 textarea와 sidebar간격을 주어야하지만, 이부분은 채팅 레이아웃에 포함되어 따로 진행하지 않았습니다.
4. @KimKyuHoi data는 채널이 api 또는 웹소켓으로 들어오기때문에 별도 파일로 구현하지 않고 임시로 두었습니다.
   해당 로직은 워크스페이스를 진행하며 구현할 예정입니다. a링크 또한 대체될 예정입니다.

How has this been tested

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist

• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have read the docs/CONTRIBUTING.md document.
• I have added tests to cover my changes.
• All new and existing tests passed.

[handje]

@KimKyuHoi 채팅전체 레이아웃(헤더, 내부패딩 등)을 진행해야하는데 직접 진행하시는게 편하실까요? 아니면 제가 진행할까요?

[KimKyuHoi]

고생많으셨습니다.

[KimKyuHoi]

@KimKyuHoi 채팅전체 레이아웃(헤더, 내부패딩 등)을 진행해야하는데 직접 진행하시는게 편하실까요? 아니면 제가 진행할까요?

엇 정확하게 어떤걸 말씀하시는걸까요? header같은 경우는 아마 교체하면 될것이고 내부 패딩이 어떤것인지 궁금합니다!

[handje]

@KimKyuHoi 채팅전체 레이아웃(헤더, 내부패딩 등)을 진행해야하는데 직접 진행하시는게 편하실까요? 아니면 제가 진행할까요?

엇 정확하게 어떤걸 말씀하시는걸까요? header같은 경우는 아마 교체하면 될것이고 내부 패딩이 어떤것인지 궁금합니다!

textarea가 사이드바와 너무 붙어있어서 padding값을 넣어야할 것 같지만 이부분은 스타일적인 부분이라 추후에 진행하겠습니다!