[refactor]: UI 개선 및 일관된 테마 시스템 구축

[nxnaxx]

Overview

현재 CSS 변수 기반 테마 시스템과 MUI 인라인 스타일이 혼재되어 있으며, 테마별 강조 색상이 3가지로 분산되어 있어 일관된 UI 표현이 어렵습니다.
이로 인해 다음과 같은 개선점이 존재합니다.

• 동일한 스타일이 여러 컴포넌트에서 반복적으로 정의됨
• 테마 변경 시 여러 파일을 수정해야 함
• MUI 컴포넌트와 SCSS 컴포넌트 간 스타일 관리 방식 불일치
• 색상 체계 모호함 (tertiary 색상이 hover 상태와 버튼 배경색으로 혼용)

전반적인 UI 개선과 통합 테마 시스템 구축을 통해 유지보수성을 높이고자 합니다.

📎 이미지 및 Figma 문서 참고
(전) -> (후)

https://www.figma.com/design/7SblOu00731Ii9ie9wdTGd/githru?node-id=0-1&t=G9bMo1Za7vXEmRVh-1

Tasks

아래 항목들은 하위 이슈로 분리하여 진행할 예정입니다.

• MUI ThemeProvider 도입으로 전역 테마 구조 일원화
• 기존 SCSS 변수 시스템 통합
• MUI 컴포넌트 인라인 스타일 제거 및 Theme 기반 스타일링 전환
• 전반적 UI 요소 개선