fix(client/friendly): ウィジェット領域にsafe-area-inset-bottomが適用されない

CHANGELOG_CHERRYPICK.md

@@ -33,6 +33,7 @@
 - 계정 생성 팝업에 뒤로 가기 버튼 추가
 - 리액션 버튼 디자인 개선
 - 새 글꼴 크기 추가
+- Fix: (Friendly) 위젯 영역에 safe-area-inset-bottom이 적용되지 않음
 - Fix: 위젯 편집 시 헤더 이외의 영역을 눌렀을 때 위젯 설정이 뜨는 문제
 - Fix: 위젯 편집 종료 버튼이 여러 개 있는 문제
 - Fix: 일부 옵션 변경 시 페이지를 새로 고치도록

packages/frontend/src/ui/friendly.vue

@@ -371,7 +371,7 @@ $float-button-size: 65px;
 }
 
 .widgets {
-	padding: 0 var(--margin);
+	padding: 0 var(--margin) calc(var(--margin) + env(safe-area-inset-bottom, 0px));
 	border-left: solid 0.5px var(--divider);
 	background: var(--bg);
 
@@ -487,7 +487,7 @@ $float-button-size: 65px;
 	right: 0;
 	z-index: 1001;
 	height: 100dvh;
-	padding: var(--margin) !important;
+	padding: var(--margin) var(--margin) calc(var(--margin) + env(safe-area-inset-bottom, 0px)) !important;
 	box-sizing: border-box;
 	overflow: auto;
 	overscroll-behavior: contain;