refactor(admin-web): unify page headers with shared title card

Introduce .page-title-card style and migrate Images, Knowledge,
KolDashboard, KolManage, KolProfile views to the shared header layout.
Add subtitle copy for KOL dashboard and manage views.

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

apps/admin-web/src/views/KolProfileView.vue

@@ -16,10 +16,14 @@ const profileQuery = useQuery({
 
 <template>
   <div class="kol-profile-view">
-    <header class="page-header">
-      <h2 class="page-title">{{ t("kol.profile.title") }}</h2>
-      <p class="page-subtitle">{{ t("kol.profile.subtitle") }}</p>
-    </header>
+    <section class="page-title-card">
+      <div class="page-title-card__header">
+        <div class="page-title-card__copy">
+          <h2>{{ t("kol.profile.title") }}</h2>
+          <p>{{ t("kol.profile.subtitle") }}</p>
+        </div>
+      </div>
+    </section>
 
     <a-skeleton v-if="profileQuery.isPending.value" active avatar :paragraph="{ rows: 3 }" />
     <a-alert
@@ -41,20 +45,4 @@ const profileQuery = useQuery({
   flex-direction: column;
   gap: 24px;
 }
-.page-header {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-.page-title {
-  margin: 0;
-  font-size: 20px;
-  font-weight: 700;
-  color: #1a1a1a;
-}
-.page-subtitle {
-  margin: 0;
-  font-size: 13px;
-  color: #8c8c8c;
-}
 </style>