style: apply responsive styles for mobile support

[yuchem2]

현재 페이지의 레이아웃에서 디바이스 장치마다 깨지는 부분이 존재합니다. 이를 해결하기 위해 아래와 같은 작업을 수행합니다.

1. base rem을 조절해 수정을 진행합니다. 이에 따라 기존 px 단위를 rem으로 전부 변경합니다.
2. h-screen은 하는 경우 특정 환경에서 실제 사용자가 보이는 화면보다 높이가 높게 차지해 불필요한 스크롤을 유발합니다. 그러므로 vh -> dvh로 변경합니다.

[notion-workspace]

[FE] layout 수정