fix: iPhone X以降(?)でページの内容が全て表示しきれないのを修正 (#8375)

* add safe-area-inset-bottom to spacer

* fix

* ✌️

* fix

packages/client/src/components/notification-toast.vue

@@ -53,7 +53,7 @@ onMounted(() => {
 	}
 
 	@media (max-width: 500px) {
-		bottom: 92px;
+		bottom: calc(env(safe-area-inset-bottom, 0px) + 92px);
 		padding: 0 8px;
 	}
 

packages/client/src/ui/universal.vue

@@ -265,7 +265,7 @@ const wallpaper = localStorage.getItem('wallpaper') != null;
 			min-width: 0;
 
 			> .spacer {
-				height: 82px;
+				height: calc(env(safe-area-inset-bottom, 0px) + 96px);
 
 				@media (min-width: ($widgets-hide-threshold + 1px)) {
 					display: none;