[planner/FE] PLAN B 로고 디자인 수정

[borissal1207]

배경

현재 사이드바 로고는 "PLAN B" 텍스트뿐이라 서비스 정체성이 드러나지 않는다.
B 안에 되돌리기 화살표를 넣은 심볼을 추가해, "계획이 무너지면 다시 계산한다"는
서비스 성격을 로고에서 바로 읽히게 한다.

구현 대상

• templates/includes/icons.html — 로고 심볼 SVG 추가
• planner/templates/planner/includes/sidebar.html — 로고 마크업
• static/css/planner.css — 로고 스타일, 사이드바 접힘 상태 조정

작업 내용

1. B 심볼을 SVG로 제작해 스프라이트에 등록
   • 색은 currentColor가 아닌 2색 구성이라 fill을 직접 지정
   • 화살표 / "B" → --brand4, 본체 → --neutral11
2. 사이드바 로고를 심볼 + PLAN B 형태로 교체
3. 사이드바 접힘 상태를 폭 0 → 56px으로 변경하고 심볼만 노출

접힘 상태를 바꾸는 이유

지금은 접으면 사이드바가 완전히 사라져서, 다시 펼 방법이 상단바 햄버거 버튼뿐이다.
심볼만 남겨두면 그 자체가 "누르면 다시 열린다"는 단서가 되고,
접은 상태에서도 서비스 정체성이 유지된다.

색상

기존 토큰(--brand4, --neutral11)을 그대로 사용하므로 tokens.css 변경은 없다.

확인이 필요한 사항

• 심볼 SVG는 templates/includes/icons.html(공통 파일)에 들어가므로 FE1과 공유가 필요합니다
• 로그인·회원가입 화면에서도 같은 로고를 쓸 수 있도록 확정 후 예원님께 전달 예정입니다

이번 PR 범위 밖

• FE1 담당 화면(로그인·회원가입 등)에 로고 적용
• 파비콘, 발표자료용 로고 이미지

확인 기준

• 사이드바 로고와 상단바 제목이 같은 높이(60px)에 정렬됨
• 로고 클릭 시 사이드바 접기/펴기가 동작함
• 접힌 상태에서 심볼만 보이고, 눌러서 다시 펼 수 있음
• 심볼이 작은 크기(20~24px)에서도 화살표가 뭉개지지 않음
• 모바일(767 이하)에서는 하단 탭바로 전환되므로 로고 미표시
• 320 / 375 / 767 / 1440에서 레이아웃 정상