refactor(ui): consistent outline/fill icons in topbar, remove dropdown chevrons, truncate breadcrumbs

Use Stripe pattern: outline icons by default, filled for active state
(bookmarks bookmarked, notifications unread). Remove chevron arrows
from tenant/user dropdowns. Add max-width with ellipsis to breadcrumb
items to prevent overflow.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

modules/bookmarks/templates/topbar-bookmark-button.phtml

@@ -41,6 +41,6 @@ if ($currentPath !== '') {
             data-bookmark-existing-name="<?php e(trim((string) ($existing['name'] ?? ''))); ?>"
             data-bookmark-existing-group="<?php e($existing['group_id'] ?? ''); ?>"
         <?php endif; ?>>
-        <i class="bi <?php e($existing ? 'bi-bookmark-check-fill' : 'bi-bookmark-plus'); ?>"></i>
+        <i class="bi <?php e($existing ? 'bi-bookmark-fill' : 'bi-bookmark'); ?>"></i>
     </button>
 </li>

modules/notifications/templates/topbar-notification-bell.phtml

@@ -9,7 +9,7 @@ $unreadCount = (int) ($notifNav['unread_count'] ?? 0);
         <summary
             aria-label="<?php e(t('Notifications')); ?>"
             >
-            <i class="bi bi-bell"></i>
+            <i class="bi <?php e($unreadCount > 0 ? 'bi-bell-fill' : 'bi-bell'); ?>"></i>
             <?php if ($unreadCount > 0): ?>
                 <span class="app-notification-badge" data-notification-badge><?php e($unreadCount > 99 ? '99+' : $unreadCount); ?></span>
             <?php else: ?>

web/css/components/app-breadcrumb.css

@@ -42,8 +42,17 @@
     pointer-events: none;
   }
 
+  .app-breadcrumb a,
+  .app-breadcrumb [aria-current="page"] {
+    display: inline-block;
+    max-width: 18ch;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    vertical-align: middle;
+  }
+
   .app-breadcrumb a {
-    display: inline;
     margin: 0;
     padding: 0;
     color: var(--app-muted-color);