Lift mobile docks and FABs above the bottom tab bar.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/web/src/views/PersonProfileView.vue

@@ -1658,7 +1658,7 @@ watch(() => route.query.tab, readTab, { immediate: true });
 .dock {
   position: fixed;
   inset-inline: 1.1rem;
-  bottom: calc(0.7rem + env(safe-area-inset-bottom));
+  bottom: calc(0.7rem + var(--mobile-tabbar-h));
   z-index: 12;
   display: flex;
   justify-content: space-between;
@@ -1709,6 +1709,12 @@ watch(() => route.query.tab, readTab, { immediate: true });
   cursor: not-allowed;
 }
 
+@media (max-width: 959px) {
+  .page {
+    padding-bottom: 6.5rem;
+  }
+}
+
 @media (min-width: 960px) {
   .page {
     padding-bottom: 1.2rem;