마에스트로 상세 화면에 [업그레이드] 버튼 추가

app/(admin)/maestros/[maestroId]/page.tsx

@@ -9,11 +9,11 @@ import {
   formatDateTime,
   getAccountTypeLabel,
   getActivateStatusLabel,
-  getRequestStatusLabel,
 } from "@/lib/utils";
 import { MaestroEditForm } from "./MaestroEditForm";
 import { StudentsSection } from "./StudentsSection";
 import { ExtensionRequestsSection } from "./ExtensionRequestsSection";
+import { UpgradeRequestsSection } from "./UpgradeRequestsSection";
 
 type MaestroDetailPageProps = {
   params: Promise<{
@@ -100,23 +100,12 @@ export default async function MaestroDetailPage({
           totalCount={detail.counts.extensionRequests}
         />
 
-        <section className="rounded-lg border bg-background p-5">
-          <h2 className="text-base font-semibold">업그레이드 신청 이력</h2>
-          <p className="mt-1 text-sm text-muted-foreground">
-            전체 {detail.counts.upgradeRequests.toLocaleString()}건 중 최근 20건
-          </p>
-          <SimpleTable
-            emptyText="업그레이드 신청 이력이 없습니다."
-            headers={["신청ID", "현재", "요청", "신청일시", "상태"]}
-            rows={detail.upgradeRequests.map((request) => [
-              request.maestroUpgradeID,
-              getAccountTypeLabel(request.registeredAccountType),
-              getAccountTypeLabel(request.requestedAccountType),
-              formatDateTime(request.requestedDateTime),
-              getRequestStatusLabel(request.status),
-            ])}
-          />
-        </section>
+        <UpgradeRequestsSection
+          accountType={maestro.accountType}
+          maestroID={maestroID}
+          totalCount={detail.counts.upgradeRequests}
+          upgradeRequests={detail.upgradeRequests}
+        />
       </div>
 
       <section className="rounded-lg border bg-background p-5">