[Front-end] feat: 학생메인홈페이지 추가

frontend/src/pages/StudentHomeMainPage/StudentHomeMainPage.jsx

@@ -0,0 +1,44 @@
+import { ClassCard } from '../../components/ClassCard';
+import { ClassGrid } from '../../components/ClassGrid';
+import styles from './StudentHomeMainPage.module.css';
+
+export default function StudentHomeMainPage() {
+  const onGoingClasses = [
+    { lecture_id: 1, title: '한국어' },
+    { lecture_id: 2, title: '영어' },
+    { lecture_id: 3, title: '일본어' },
+  ];
+
+  const allClasses = [
+    { lecture_id: 1, title: '한국어' },
+    { lecture_id: 2, title: '영어' },
+    { lecture_id: 3, title: '일본어' },
+    { lecture_id: 4, title: '중국어' },
+    { lecture_id: 5, title: '프랑스어' },
+    { lecture_id: 6, title: '스페인어' },
+  ];
+  return (
+    <div className={styles.lectures}>
+      <ClassGrid title="수강중인 강의">
+        {onGoingClasses.map((lecture) => (
+          <ClassCard
+            key={lecture.lecture_id}
+            path={`/class/${lecture.lecture_id}`}
+          >
+            {lecture.title}
+          </ClassCard>
+        ))}
+      </ClassGrid>
+      <ClassGrid title="전체 강의">
+        {allClasses.map((lecture) => (
+          <ClassCard
+            key={lecture.lecture_id}
+            path={`/class/${lecture.lecture_id}`}
+          >
+            {lecture.title}
+          </ClassCard>
+        ))}
+      </ClassGrid>
+    </div>
+  );
+}

frontend/src/pages/StudentHomeMainPage/StudentHomeMainPage.module.css

@@ -0,0 +1,9 @@
+.lectures {
+  box-sizing: border-box;
+  margin: 0 auto;
+  max-width: 1320px;
+  padding: 0 40px;
+  gap: 40px;
+  display: flex;
+  flex-direction: column;
+}