fix: misc fixes (#5584)

* fix: PATs editing bug #4908

* fix: gallery edit do not do falsy check on title and description

* feat: add aspect ratio on gallery images

* change aspect ratio to 16:9

* fix: mobile nav bar #5580

* use css::after instead for navbar fix

* adjust after content to fix thin line

* add save area inset for transform

apps/frontend/src/layouts/default.vue

@@ -1279,7 +1279,7 @@ const { cycle: changeTheme } = useTheme()
 		left: 0;
 		background-color: var(--color-raised-bg);
 		z-index: 11; // 20 = modals, 10 = svg icons
-		transform: translateY(100%);
+		transform: translateY(calc(100% + env(safe-area-inset-bottom)));
 		transition: transform 0.4s cubic-bezier(0.54, 0.84, 0.42, 1);
 		border-radius: var(--size-rounded-card) var(--size-rounded-card) 0 0;
 		box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0);
@@ -1367,6 +1367,17 @@ const { cycle: changeTheme } = useTheme()
 		border-top: 2px solid rgba(0, 0, 0, 0);
 		box-sizing: border-box;
 
+		&::after {
+			content: '';
+			position: absolute;
+			bottom: 2px;
+			left: 0;
+			width: 100%;
+			height: 300px;
+			background-color: var(--color-raised-bg);
+			transform: translateY(100%);
+		}
+
 		&.expanded {
 			box-shadow: none;
 			border-radius: 0;