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;
   }

web/src/views/TravelRequestDetailView.vue

@@ -6,9 +6,15 @@
           <div class="hero-topline">
             <div class="applicant-card">
               <div class="portrait">{{ profile.avatar }}</div>
-              <div>
+              <div class="applicant-copy">
                 <h2>{{ profile.name }} <span>{{ request.typeLabel }}</span></h2>
-                <p>{{ profile.department }}</p>
+                <p>{{ profile.position }} · {{ profile.identity }}</p>
+                <div class="applicant-meta">
+                  <div v-for="item in profile.facts" :key="item.label" class="applicant-meta-item">
+                    <span>{{ item.label }}</span>
+                    <strong>{{ item.value }}</strong>
+                  </div>
+                </div>
               </div>
             </div>