# task-1085.1: InsuRo 사이드바 상하간격 최적화

## 문제
InsuRo 왼쪽 사이드바의 메뉴 항목 간 상하 간격이 불필요하게 커서 메뉴가 아래로 너무 길게 나타남.

## 수정 대상
- `/home/jay/projects/InsuRo/src/components/AppSidebar.tsx` — 메인 사이드바 컴포넌트
- `/home/jay/projects/InsuRo/src/components/ui/sidebar.tsx` — 사이드바 UI 프리미티브
- 관련 CSS/Tailwind 클래스

## 현재 메뉴 구조 (스크린샷 기반)
- InsuRo 로고 + "올인원 AI 보험 마케팅"
- 사용자 프로필 카드 (전종혁)
- **내 계정** (접힘/펼침): 마이페이지, 개인 설정
- **안내** (접힘/펼침): 인슈로 소개, 이용방법 및 가이드, API 키 발급 가이드, 금융소비자보호법, 공지/커뮤니티
- **구독** (접힘/펼침): 플랜 & 구독
- **AI 마케팅** (접힘/펼침): AI 키워드 분석, AI 콘텐츠 작성, 콘텐츠 관리, AI 원스탑 포스팅 PREMIUM, AI 포스팅 자동화 PREMIUM

## 수정 방향
1. 메뉴 항목 간 padding/margin/gap 줄이기
2. 섹션 헤더("내 계정", "안내", "구독", "AI 마케팅") 간 간격 줄이기
3. 전체적으로 컴팩트하게 만들어서 스크롤 없이 한 화면에 보이도록
4. 가독성은 유지 — 너무 빽빽하면 안 됨, 적절한 밸런스

## 주의사항
- 기능 변경 없음, 스타일(간격)만 수정
- 모바일/반응형 레이아웃도 확인
- InsuRo 프로젝트는 독립 git repo (`/home/jay/projects/InsuRo/`)
- ⚠️ git 원복 시 InsuRo 파일만 대상 (다른 프로젝트 건드리지 말 것)

## 한정승인
제이회장님 한정승인 완료. 자율 진행.