fix(client): iOSデバイスでチャット入力フォームが吹き出しと重なる問題

CHANGELOG_CHERRYPICK.md

@@ -36,6 +36,7 @@
 - Fix: (Friendly) 플로팅 메뉴를 길게 눌렀을 때 프로필 이미지를 드래그 할 수 있는 문제
 - Fix: (Friendly) 타임라인이 변경되었을 때 네비게이션 바의 인디케이터가 사라지지 않는 문제
 - Fix: 네트워크 트래픽이 10MB/s를 초과하면 네트워크 통계 위젯의 그래프가 잘못 출력되는 문제
+- Fix: iOS 기기에서 채팅 입력란이 채팅을 가리는 문제
 
 ### Server
 - mfm-js를 cherrypick-mfm-js로 변경

packages/frontend/src/pages/messaging/messaging-room.vue

@@ -417,7 +417,7 @@ definePageMetadata(computed(() => !fetching ? user ? {
 
 @container (max-width: 500px) {
 	.footer {
-		margin-top: 50px;
+		margin-top: calc(50px + env(safe-area-inset-bottom));
 	}
 }
 </style>