fix(todo): keep deadline beside long titles

[Turtle-Hwan]

변경 사항

• eCampus 및 사용자 작성 Todo 제목이 가용 너비를 차지하도록 min-w-0과 flex-1을 적용했습니다.
• 긴 과제명은 line-clamp-2로 최대 두 줄까지만 표시하고, 긴 단어도 카드 폭 안에서 줄바꿈합니다.
• D-Day·카운트다운 영역은 shrink-0으로 유지하고 두 줄 제목의 상단에 정렬해 아래로 밀리지 않게 했습니다.

검증

• pnpm run build:local
• pnpm run lint
• pnpm run test:todo — 4 passed
• 빌드 CSS에서 line-clamp-2, min-w-0, shrink-0 규칙 생성 확인

localhost UI 검증

• Vite localhost, 500×600 viewport에서 Todo List → Add Todo → 긴 개인 Todo 저장 흐름을 실행했습니다.
• 일반 웹에는 chrome.storage가 없어 저장 API만 테스트용 mock으로 제공하고, 실제 폼 제출·저장 함수·React 목록 갱신 경로를 검증했습니다.
• 4줄 분량의 제목이 2줄로 제한됨을 확인했습니다: scrollHeight 80px, clientHeight 40px, -webkit-line-clamp: 2.
• 제목과 D-140 배지의 상단 좌표가 모두 y=182px, 가로 간격은 8px, 겹침은 없었습니다.
• 관련 console warning/error 및 page error는 0건이었습니다.

실제 extension의 chrome.storage.local 통합은 build:local 산출물을 unpacked extension으로 로드하는 별도 런타임 검증 범위입니다.

Closes #68