feat: repo list search, header sort, pagination (stage 6)

- list_repos: Pulp next 페이지 끝까지 순회 (첫-페이지-only 누락 수정)
- BFF 메모리 검색(이름)·정렬(이름/검증/버전/패키지/동기화)·페이지네이션(20/페이지)
- GET /repos/table 조각: 검색창은 표 밖(포커스 유지), 정렬헤더/페이저는 표 안,
  hx-include 로 검색어·정렬상태 상호 전송
- 폰트 재조정: 데이터 셀 14px, 헤더 13px, 배지/액션버튼 14px (동기화 버튼 대비 균형)
- 버전 페이지 제목↔검증상세 마진, 데모 저장소 26개로 확장

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

app/static/app.css

@@ -153,10 +153,10 @@ button:disabled,
 [role="button"]:disabled {
   opacity: 0.45;
 }
-/* 표 안 액션 버튼: 컴팩트 */
+/* 표 안 액션 버튼: 컴팩트하되 글자는 또렷하게 */
 .btn-sm {
   padding: 7px 14px;
-  font-size: 13px;
+  font-size: 14px;
   margin: 0;
   width: auto;
 }
@@ -213,7 +213,7 @@ button:disabled,
   margin: 0;
 }
 .table-card thead th {
-  font-size: 12px;
+  font-size: 13px;
   font-weight: 600;
   color: var(--text-dim);
   text-transform: uppercase;
@@ -224,6 +224,7 @@ button:disabled,
 }
 .table-card tbody td {
   height: 56px;
+  font-size: 14px;
   border-bottom: 1px solid var(--border);
   padding-block: 12px;
   vertical-align: middle;
@@ -266,9 +267,9 @@ th.num {
   display: inline-flex;
   align-items: center;
   gap: 6px;
-  padding: 4px 10px;
+  padding: 4px 11px;
   border-radius: 999px;
-  font-size: 13px;
+  font-size: 14px;
   font-weight: 500;
   white-space: nowrap;
 }
@@ -301,7 +302,8 @@ th.num {
   display: flex;
   align-items: center;
   gap: 12px;
-  margin-bottom: 16px;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 .verify-detail small {
   color: var(--text-muted);
@@ -362,6 +364,47 @@ th.num {
   color: var(--text-muted);
 }
 
+/* 검색 툴바 / 정렬 헤더 / 페이저 */
+.list-toolbar {
+  margin-bottom: 14px;
+}
+.repo-search {
+  max-width: 280px;
+  margin: 0;
+  font-size: 14px;
+}
+.table-card thead th a.th-sort {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  color: inherit;
+  text-decoration: none;
+  cursor: pointer;
+}
+.table-card thead th a.th-sort:hover {
+  color: var(--text-secondary);
+}
+.table-card thead th a.th-sort.is-active {
+  color: var(--accent);
+}
+.sort-ind {
+  font-size: 11px;
+}
+.pager {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 14px;
+  padding: 12px 16px;
+  border-top: 1px solid var(--border);
+  color: var(--text-muted);
+  font-size: 13px;
+}
+.empty-note {
+  padding: 16px;
+  color: var(--text-muted);
+}
+
 @media (max-width: 640px) {
   .summary {
     grid-template-columns: repeat(2, 1fr);