Merge branch 'FE/FixDesign' into 'frontend'

[Front-End] Fix: 마이페이지 강의 그리드 수정 / 수강생 등록 이름이 너무 긴 경우 overflow hidden 처리

See merge request s11-webmobile1-sub2/S11P12A701!195

frontend/src/components/LectureEnroll/LectureEnroll.jsx

@@ -26,7 +26,7 @@ export default function LectureEnroll({ userName, enrollid, onDelete, enrolled =
 
   return (
     <div className={styles.enrollLink}>
-      <span>{userName}</span>
+      <span className={styles.userName}>{userName}</span>
       <div className={styles.buttonWrapper}>
         {!enrolled && (
           <button

frontend/src/components/LectureEnroll/LectureEnroll.module.css

@@ -14,6 +14,7 @@
 
 .buttonWrapper {
   display: flex;
+  flex-shrink: 0;
   gap: 8px;
 }
 
@@ -46,3 +47,10 @@
   border-color: var(--error-color);
   color: var(--error-color);
 }
+
+.userName {
+  word-break: break-all;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

frontend/src/pages/LearningLecturesPage/LearningLecturesPage.module.css

@@ -25,6 +25,7 @@
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .thumbnail {