feat: wire order watcher into admin topbar bell (badge + panel)

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

src/app/features/admin/shell/admin-layout.component.html

@@ -148,10 +148,28 @@
           (click)="toggleNotifications()"
         >
           <app-icon name="bell" [size]="18" />
+          @if (unreadCount() > 0) {
+            <span class="admin-layout__notifications-badge">{{ unreadCount() }}</span>
+          }
         </button>
         @if (notificationsOpen()) {
           <div class="admin-layout__notifications-panel" role="menu">
-            <p>{{ 'adminShell.topbar.notificationsEmpty' | translate }}</p>
+            @if (recentOrders().length === 0) {
+              <p>{{ 'adminShell.topbar.notificationsEmpty' | translate }}</p>
+            } @else {
+              @for (order of recentOrders(); track order.id) {
+                <button
+                  type="button"
+                  class="admin-layout__notification-item"
+                  role="menuitem"
+                  (click)="goToOrder(order.id)"
+                >
+                  <span class="admin-layout__notification-order">#{{ order.orderNumber }}</span>
+                  <span class="admin-layout__notification-customer">{{ order.customer.name }}</span>
+                  <span class="admin-layout__notification-amount">{{ order.total }} {{ order.currency }}</span>
+                </button>
+              }
+            }
           </div>
         }
       </div>