feat: LearningLecturesPage 추가

frontend/src/Router.jsx

@@ -5,6 +5,7 @@ import HomePage from './pages/HomePage';
 import NotFoundPage from './pages/NotFoundPage';
 import { lazy } from 'react';
 import MyPageLayout from './components/Layout/MyPageLayout';
+import LearningLecturesPage from './pages/LearningLecturesPage/LearningLecturesPage';
 
 const LectureLayout = lazy(async () => await import('./components/Layout/LectureLayout'));
 const LearningLectureDetailPage = lazy(async () => await import('./pages/LearningLectureDetailPage'));
@@ -97,7 +98,7 @@ const router = createBrowserRouter([
         children: [
           {
             index: true,
-            element: <></>,
+            element: <LearningLecturesPage />,
           },
           {
             path: 'change-info',

frontend/src/pages/LearningLecturesPage/LearningLecturesPage.jsx

@@ -0,0 +1,25 @@
+import { ClassCard } from '../../components/ClassCard';
+import { ClassGrid } from '../../components/ClassGrid';
+
+export default function LearningLecturesPage() {
+  const { data: onGoingClasses } = {
+    data: [
+      { lecture_id: 1, title: '한국어' },
+      { lecture_id: 2, title: '영어' },
+      { lecture_id: 3, title: '일본어' },
+    ],
+  };
+
+  return (
+    <ClassGrid title="수강중인 강의">
+      {onGoingClasses.map((lecture) => (
+        <ClassCard
+          key={lecture.lecture_id}
+          path={`/lecture/${lecture.lecture_id}`}
+        >
+          {lecture.title}
+        </ClassCard>
+      ))}
+    </ClassGrid>
+  );
+}