교육과정 삭제 팝업 완료, 레슨 틀 작업1

src/app/admin/lessons/page.tsx

@@ -9,6 +9,8 @@ export default function AdminLessonsPage() {
   const items: any[] = [];
   const [currentPage, setCurrentPage] = useState(1);
   
+  const totalCount = useMemo(() => items.length, [items]);
+  
   const ITEMS_PER_PAGE = 10;
   const totalPages = Math.ceil(items.length / ITEMS_PER_PAGE);
   const paginatedItems = useMemo(() => {
@@ -26,7 +28,6 @@ export default function AdminLessonsPage() {
           <div className="px-8 flex">
             <AdminSidebar />
           </div>
-
           {/* 메인 콘텐츠 */}
           <main className="flex-1 min-w-0 bg-white">
             <div className="h-full flex flex-col">
@@ -37,12 +38,27 @@ export default function AdminLessonsPage() {
                 </h1>
               </div>
 
+              {/* 헤더 영역 (제목과 콘텐츠 사이) */}
+              <div className="pt-2 pb-4 flex items-center justify-between">
+                <p className="text-[15px] font-medium leading-[1.5] text-[#333c47] whitespace-nowrap">
+                  총 {totalCount}건
+                </p>
+                <button
+                  type="button"
+                  className="h-[40px] px-4 rounded-[8px] bg-[#1f2b91] text-[16px] font-semibold leading-[1.5] text-white whitespace-nowrap hover:bg-[#1a2478] transition-colors"
+                >
+                  등록하기
+                </button>
+              </div>
+
               {/* 콘텐츠 영역 */}
-              <div className="flex-1 pt-8 flex flex-col">
+              <div className="flex-1 pt-2 flex flex-col">
                 {items.length === 0 ? (
                   <div className="rounded-lg border border-[#dee1e6] bg-white min-h-[400px] flex items-center justify-center">
                     <p className="text-[16px] font-medium leading-[1.5] text-[#333c47]">
-                      현재 관리할 수 있는 항목이 없습니다.
+                      등록된 강좌가 없습니다.
+                      <br />
+                      강좌를 등록해주세요.
                     </p>
                   </div>
                 ) : (