Phase 10. 마에스트로 정보 수정 및 학생 목록 페이지네이션 적용

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

@@ -11,6 +11,8 @@ import {
   getActivateStatusLabel,
   getRequestStatusLabel,
 } from "@/lib/utils";
+import { MaestroEditForm } from "./MaestroEditForm";
+import { StudentsSection } from "./StudentsSection";
 
 type MaestroDetailPageProps = {
   params: Promise<{
@@ -81,65 +83,14 @@ export default async function MaestroDetailPage({
 
       <section className="rounded-lg border bg-background p-5">
         <h2 className="text-base font-semibold">기본 정보</h2>
-        <dl className="mt-4 grid gap-x-8 gap-y-4 text-sm md:grid-cols-2 xl:grid-cols-3">
-          <InfoItem label="이름" value={maestro.name} />
-          <InfoItem label="이메일" value={maestro.email} />
-          <InfoItem
-            label="상태"
-            value={getActivateStatusLabel(maestro.activateStatus)}
-          />
-          <InfoItem
-            label="계정 유형"
-            value={getAccountTypeLabel(maestro.accountType)}
-          />
-          <InfoItem
-            label="DB 학생 수"
-            value={detail.counts.players.toLocaleString()}
-          />
-          <InfoItem
-            label="PlayerCount"
-            value={maestro.playerCount.toLocaleString()}
-          />
-          <InfoItem
-            label="사용 가능일"
-            value={formatDateTime(maestro.availableActivateDateTime)}
-          />
-          <InfoItem
-            label="약관 동의일"
-            value={formatDateTime(maestro.acceptClausesDateTime)}
-          />
-          <InfoItem
-            label="입장코드 수정"
-            value={maestro.allowEditEnterCode === 1 ? "허용" : "비허용"}
-          />
-          <InfoItem
-            label="체험 MaestroID"
-            value={maestro.maestroTestID?.toString() ?? "-"}
-          />
-        </dl>
-      </section>
-
-      <section className="rounded-lg border bg-background p-5">
-        <div className="flex items-end justify-between gap-3">
-          <div>
-            <h2 className="text-base font-semibold">학생 목록 요약</h2>
-            <p className="mt-1 text-sm text-muted-foreground">
-              전체 {detail.counts.players.toLocaleString()}명 중 최근 20명
-            </p>
-          </div>
-        </div>
-        <SimpleTable
-          emptyText="등록된 학생이 없습니다."
-          headers={["PlayerID", "이름", "입장코드", "AccountType"]}
-          rows={detail.players.map((player) => [
-            player.playerID,
-            player.name,
-            player.enterCode,
-            player.accountType ?? "-",
-          ])}
+        <MaestroEditForm
+          maestro={detail.maestro}
+          playerCount={detail.counts.players}
         />
       </section>
 
+      <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>
@@ -207,15 +158,6 @@ function SummaryCard({ label, value }: { label: string; value: string }) {
   );
 }
 
-function InfoItem({ label, value }: { label: string; value: string }) {
-  return (
-    <div>
-      <dt className="text-xs font-medium text-muted-foreground">{label}</dt>
-      <dd className="mt-1 break-words font-medium">{value}</dd>
-    </div>
-  );
-}
-
 function SimpleTable({
   headers,
   rows,