Migrate tile components

[jooyeongmee]

Description

작업 내용:

1. @/components/tiles 하위 컴포넌트 .tsx 로 전환
2. 기존의 i18n.t 사용하던 부분을 useTranslatedString 사용하도록 변경
3. 컴포넌트 내에서 사용된 utils 함수들 ts 파일 만들어서 기존의 함수 마이그레이션
4. 컴포넌트가 사용된 위치 파악하면서 해당 컴포넌트 설명 주석 추가

Checklist

• HorizontalTimetableTile.tsx
• PlannerTile.tsx

• TimetableDragTile.tsx

• TimetableTile.tsx

참고사항

TimetableDragTile을 제외하곤 utils 함수들이나 다른 컴포넌트에 의존하여 일단 모두 jsx 파일 삭제하지 않고 tsx 파일만 추가했습니다.
삭제가 필요하면 코멘트 남겨주세요:)

[sboh1214]

0 | 1 이 어떤 걸 뜻하는지 주석이 있는것도 좋을 것 같아요

[sboh1214]

수고하셨습니다 :)
기존 jsx파일은 삭제하시고 새 tsx 컴포넌트가 잘 작동하는지 테스트해보시고 PR 설명에 스크린샷 함께 첨부해 주시면 좋을 것 같습니다.

[sboh1214]

LGTM
아래 코드 제안드립니다 :)

onMouseOver && (() => onMouseOver(item));
onMouseOver?.(item);