feat(web): add user ID and name to transaction details for better tracking

apps/web/app/dashboard/page.tsx

@@ -130,10 +130,22 @@ function RecentTransactions({ txns }: { txns: Transaction[] }) {
                   <span className="ml-1 text-xs text-muted">#{tx.connectorNumber}</span>
                 )}
               </p>
-              <p className="text-xs text-muted">{tx.idTag}</p>
+              <p className="text-xs text-muted">
+                {tx.idTag}
+                {tx.idTagUserId && (
+                  <>
+                    <span className="mx-1">·</span>
+                    {tx.idTagUserName ?? tx.idTagUserId}
+                    <span className="ml-1 opacity-50">({tx.idTagUserId.slice(0, 8)})</span>
+                  </>
+                )}
+              </p>
             </div>
             <div className="shrink-0 text-right">
-              <p className="text-sm font-medium tabular-nums text-foreground">{kwh}</p>
+              <p className="text-sm font-medium tabular-nums text-foreground">
+                {kwh}
+                <span className="text-xs"> kWh</span>
+              </p>
               <p className="text-xs text-muted">{amount}</p>
             </div>
             <div className="w-16 shrink-0 text-right">

apps/web/lib/api.ts

@@ -101,6 +101,8 @@ export type Transaction = {
   connectorNumber: number | null;
   idTag: string;
   idTagStatus: string | null;
+  idTagUserId: string | null;
+  idTagUserName: string | null;
   startTimestamp: string;
   stopTimestamp: string | null;
   startMeterValue: number | null;