사이드바 반응형 레이아웃 개선 및 다크모드 가독성 강화

🤖 629 in / 1585 out / 2214 total tokens

모바일 환경에서 사이드바를 하단에 배치하여 포스트 리스트와 함께 표시되도록 변경했습니다. 데스크탑 화면에서는 오른쪽에 고정된 사이드바를 통해 2단 레이아웃을 구현했습니다. 다크모드 시 텍스트가 흐릿해지는 문제를 해결하기 위해 사이드바에 배경색과 테두리를 추가했습니다. 페이지 전체 레이아웃과 사이드바 컴포넌트의 스타일링을 통합하여 시각적 일관성을 확보했습니다.