마에스트로 상세 화면에 [연장] 신청 버튼 추가

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

@@ -13,6 +13,7 @@ import {
 } from "@/lib/utils";
 import { MaestroEditForm } from "./MaestroEditForm";
 import { StudentsSection } from "./StudentsSection";
+import { ExtensionRequestsSection } from "./ExtensionRequestsSection";
 
 type MaestroDetailPageProps = {
   params: Promise<{
@@ -92,23 +93,12 @@ export default async function MaestroDetailPage({
       <StudentsSection maestroID={maestroID} />
 
       <div className="grid gap-4 xl:grid-cols-2">
-        <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.extensionRequests.toLocaleString()}건 중 최근
-            20건
-          </p>
-          <SimpleTable
-            emptyText="연장 신청 이력이 없습니다."
-            headers={["신청ID", "계정 유형", "신청일시", "상태"]}
-            rows={detail.extensionRequests.map((request) => [
-              request.maestroExtensionID,
-              getAccountTypeLabel(request.accountType),
-              formatDateTime(request.requestedDateTime),
-              getRequestStatusLabel(request.status),
-            ])}
-          />
-        </section>
+        <ExtensionRequestsSection
+          accountType={maestro.accountType}
+          extensionRequests={detail.extensionRequests}
+          maestroID={maestroID}
+          totalCount={detail.counts.extensionRequests}
+        />
 
         <section className="rounded-lg border bg-background p-5">
           <h2 className="text-base font-semibold">업그레이드 신청 이력</h2>