Web: fix mobile overflow on activities, activity form, assets panel, routines, team/audit/API settings

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

apps/web/src/components/person-assets/PersonAssetsPanel.vue

@@ -960,6 +960,7 @@ onMounted(async () => {
 <style scoped>
 .assets {
   display: grid;
+  grid-template-columns: minmax(0, 1fr);
   gap: 0.9rem;
 }
 .card {

apps/web/src/components/ui/UiSegmented.vue

@@ -32,9 +32,17 @@ const model = defineModel<T>({ required: true });
   gap: 2px;
   background: #e8eef1;
   border-radius: var(--radius);
+  max-width: 100%;
+  overflow-x: auto;
+  scrollbar-width: none;
+}
+
+.ui-seg::-webkit-scrollbar {
+  display: none;
 }
 
 .seg {
+  flex: 0 0 auto;
   display: inline-flex;
   align-items: center;
   justify-content: center;