[REFACTOR] 대기방 및 닉네임 화면 성능 개선

[novice0840]

Issue Number

#291

As-Is

대기방 및 닉네임 화면에서 성능 지표가 낮게 나오는 상황이라 성능 개선의 필요성을 느낌

To-Be

• lazy loading / code splitting <- 이미 다른 PR에서 구현됨
• font 최적화 <- 이미 PR 구현됨
• Image 확장자 변경

Check List

• 테스트가 전부 통과되었나요?
• 모든 commit이 push 되었나요?
• merge할 branch를 확인했나요?
• Assignee를 지정했나요?
• Label을 지정했나요?

Test Screenshot

개선 전

개선 후

평균적으로 이미지 크기가 60-70% 줄어든 것을 확인할 수 있음

(Optional) Additional Description

🌸 Storybook 배포 주소

https://woowacourse-teams.github.io/2024-ddangkong/storybook/

[rbgksqkr]

굿굿 이미지 용량만 줄여도 개선이 많이 되더라구요! PR 개선 전이랑 개선 후랑 이미지가 바뀐 것 같아요~ 성능 개선 PR 이다보니 lighthouse도 PR에 개선전 개선후를 추가하면 좋을 것 같아용 일단 approve 하겠습니다:)