feat: add better tab view

apps/api/src/tabs/tabs.service.ts

@@ -5,6 +5,7 @@ import { PrismaService } from '../prisma/prisma.service';
 import { RealtimeService } from '../realtime/realtime.service';
 import { customerNameKey } from '../planned-tabs/customer-name';
 import { SettledLine, tabSummary } from './tab-state';
+import { tabOrders } from './tab-orders';
 import { VenueLedger } from './venue-ledger';
 
 @Injectable()
@@ -72,7 +73,8 @@ export class TabsService {
 
     return {
       settlements: rows.map((row) => {
-        const items = (row.lines as unknown as SettledLine[]).map((line) => ({
+        const lines = row.lines as unknown as SettledLine[];
+        const items = lines.map((line) => ({
           productName: line.productName,
           quantity: line.quantity,
           unitPriceInCents: line.unitPriceInCents,
@@ -88,6 +90,7 @@ export class TabsService {
           amountInCents: row.amountInCents,
           itemCount: items.reduce((count, item) => count + item.quantity, 0),
           items,
+          orders: tabOrders(lines),
           settledBy: (row.deviceId ? deviceNames.get(row.deviceId) : row.requestedBy) ?? null,
           onDashboard: row.deviceId === null,
         };