test(web): update travel request detail tests and styles

- test_reimbursement_endpoints.py: update reimbursement endpoint tests
- travel-request-detail-view.css: update travel request detail styles
- TravelRequestDetailView.vue: update travel request detail view

web/src/assets/styles/views/travel-request-detail-view.css

@@ -48,7 +48,7 @@
 .applicant-card {
   display: grid;
   grid-template-columns: 48px minmax(0, 1fr);
-  align-items: center;
+  align-items: start;
   gap: 12px;
   min-width: 0;
   padding: 0;
@@ -99,6 +99,41 @@
   line-height: 1.5;
 }
 
+.applicant-copy {
+  min-width: 0;
+}
+
+.applicant-meta {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 8px 14px;
+  margin-top: 10px;
+}
+
+.applicant-meta-item {
+  min-width: 0;
+  display: grid;
+  gap: 3px;
+}
+
+.applicant-meta-item span {
+  color: #94a3b8;
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: .03em;
+  text-transform: uppercase;
+}
+
+.applicant-meta-item strong {
+  color: #0f172a;
+  font-size: 12px;
+  font-weight: 700;
+  line-height: 1.45;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .hero-stat-strip {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -1624,6 +1659,10 @@
     gap: 14px;
   }
 
+  .applicant-meta {
+    grid-template-columns: 1fr 1fr;
+  }
+
   .hero-stat-strip {
     grid-template-columns: 1fr;
   }