fix: keep customer profile tabs from overlapping on mobile

Let the tab row scroll sideways so long labels stay readable.

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

apps/web/src/views/PersonProfileView.vue

@@ -1649,15 +1649,16 @@ button.contact-pill:disabled {
   display: flex;
   gap: 0;
   overflow-x: auto;
+  overscroll-behavior-x: contain;
   border-bottom: 1px solid #e2e8f0;
+  -webkit-overflow-scrolling: touch;
 }
 
 .tabs button {
-  flex: 1 1 0;
-  min-width: 0;
+  flex: 0 0 auto;
   border: 0;
   background: none;
-  padding: 0.6rem 0.2rem 0.72rem;
+  padding: 0.6rem 0.75rem 0.72rem;
   color: #64748b;
   font: inherit;
   font-weight: 700;
@@ -2188,8 +2189,8 @@ button.contact-pill:disabled {
 
 @media (max-width: 599px) {
   .tabs button {
-    font-size: 0.78rem;
-    padding: 0.5rem 0.1rem 0.62rem;
+    font-size: 0.84rem;
+    padding: 0.55rem 0.7rem 0.65rem;
   }
 
   .info-panel dl > div {