feat(dialog): 상세 팝업 SuperportDetailDialog 통합

- SuperportDetailDialog 위젯과 showSuperportDetailDialog 헬퍼를 추가하고 metadata/섹션 패턴을 표준화

- 결재/재고/마스터 각 상세 다이얼로그를 dialogs 디렉터리에 신설하고 기존 페이지를 신규 팝업으로 전환

- SuperportTable 행 선택과 우편번호 검색 다이얼로그 onRowTap 보정을 통해 헤더 오프셋 버그를 제거

- 상세 다이얼로그 및 트랜잭션/상세 뷰 전용 위젯 테스트와 tester_extensions 유틸을 추가하여 회귀를 방지

- detail_dialog_unification_plan.md로 작업 배경과 필드 통합 계획을 문서화

lib/features/inventory/rental/presentation/pages/rental_page.dart

@@ -44,6 +44,10 @@ import '../widgets/rental_detail_view.dart';
 const String _rentalTransactionTypeRent = '대여';
 const String _rentalTransactionTypeReturn = '반납';
 
+class _RentalDetailSections {
+  static const lines = 'lines';
+}
+
 /// 대여/반납 목록과 등록 모달을 관리하는 페이지.
 class RentalPage extends StatefulWidget {
   const RentalPage({super.key, required this.routeUri});
@@ -597,7 +601,11 @@ class _RentalPageState extends State<RentalPage> {
                                   RentalTableSpec.rowSpanHeight,
                                 ),
                             onRowTap: (rowIndex) {
-                              final record = visibleRecords[rowIndex];
+                              if (rowIndex <= 0 ||
+                                  rowIndex > visibleRecords.length) {
+                                return;
+                              }
+                              final record = visibleRecords[rowIndex - 1];
                               _selectRecord(record, openDetail: true);
                             },
                           );
@@ -829,18 +837,116 @@ class _RentalPageState extends State<RentalPage> {
     await showInventoryTransactionDetailDialog<void>(
       context: context,
       title: '대여 상세',
-      transactionNumber: record.transactionNumber,
-      body: RentalDetailView(
-        record: record,
-        dateFormatter: _dateFormatter,
-        currencyFormatter: _currencyFormatter,
-        transitionsEnabled: _transitionsEnabled,
-      ),
+      description: '대여 고객사와 라인 품목을 확인하세요.',
+      summary: _buildRentalDetailSummary(record),
+      summaryBadges: _buildRentalDetailBadges(record),
+      metadata: _buildRentalDetailMetadata(record),
+      sections: [
+        SuperportDetailDialogSection(
+          id: _RentalDetailSections.lines,
+          label: '라인 품목',
+          icon: lucide.LucideIcons.listChecks,
+          builder: (_) => RentalDetailView(
+            record: record,
+            currencyFormatter: _currencyFormatter,
+            transitionsEnabled: _transitionsEnabled,
+          ),
+        ),
+      ],
+      initialSectionId: _RentalDetailSections.lines,
       actions: _buildDetailActions(record),
-      constraints: const BoxConstraints(maxWidth: 920),
     );
   }
 
+  Widget _buildRentalDetailSummary(RentalRecord record) {
+    final theme = ShadTheme.of(context);
+    final processedAt = _dateFormatter.format(record.processedAt);
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Text(record.transactionNumber, style: theme.textTheme.h4),
+        const SizedBox(height: 4),
+        Text(
+          '$processedAt · ${record.rentalType}',
+          style: theme.textTheme.muted,
+        ),
+      ],
+    );
+  }
+
+  List<Widget> _buildRentalDetailBadges(RentalRecord record) {
+    return [
+      ShadBadge(child: Text(record.status)),
+      ShadBadge.outline(child: Text(record.transactionType)),
+    ];
+  }
+
+  List<SuperportDetailMetadata> _buildRentalDetailMetadata(
+    RentalRecord record,
+  ) {
+    return [
+      SuperportDetailMetadata.text(
+        label: '트랜잭션번호',
+        value: record.transactionNumber,
+      ),
+      SuperportDetailMetadata.text(
+        label: '처리일자',
+        value: _dateFormatter.format(record.processedAt),
+      ),
+      SuperportDetailMetadata.text(
+        label: '트랜잭션 유형',
+        value: record.transactionType,
+      ),
+      SuperportDetailMetadata.text(label: '대여 구분', value: record.rentalType),
+      SuperportDetailMetadata.text(label: '상태', value: record.status),
+      SuperportDetailMetadata.text(label: '작성자', value: record.writer),
+      SuperportDetailMetadata.text(label: '창고', value: record.warehouse),
+      SuperportDetailMetadata.text(
+        label: '창고 코드',
+        value: _dashIfEmpty(record.warehouseCode),
+      ),
+      SuperportDetailMetadata.text(
+        label: '창고 우편번호',
+        value: _dashIfEmpty(record.warehouseZipcode),
+      ),
+      SuperportDetailMetadata.text(
+        label: '창고 주소',
+        value: _dashIfEmpty(record.warehouseAddress),
+      ),
+      SuperportDetailMetadata.text(
+        label: '고객 수',
+        value: '${record.customerCount}',
+      ),
+      SuperportDetailMetadata.text(label: '품목 수', value: '${record.itemCount}'),
+      SuperportDetailMetadata.text(
+        label: '총 수량',
+        value: '${record.totalQuantity}',
+      ),
+      SuperportDetailMetadata.text(
+        label: '총 금액',
+        value: _currencyFormatter.format(record.totalAmount),
+      ),
+      SuperportDetailMetadata.text(
+        label: '반납 예정일',
+        value: record.returnDueDate == null
+            ? '-'
+            : _dateFormatter.format(record.returnDueDate!),
+      ),
+      SuperportDetailMetadata.text(
+        label: '비고',
+        value: _dashIfEmpty(record.remark),
+      ),
+    ];
+  }
+
+  String _dashIfEmpty(String? value) {
+    if (value == null) {
+      return '-';
+    }
+    final trimmed = value.trim();
+    return trimmed.isEmpty ? '-' : trimmed;
+  }
+
   List<Widget> _buildDetailActions(RentalRecord record) {
     final isProcessing = _isProcessing(record.id) || _isLoading;
     final actions = <Widget>[];