fix: timetable creation instruction in mobile

Author: h-seo-n

src/pages/timetable/TimetablePage.tsx

@@ -208,8 +208,14 @@ export default function TimetablePage() {
 							선택된 시간표가 없어요
 						</div>
 						<div style={{ opacity: 0.7, lineHeight: 1.5 }}>
-							왼쪽 사이드바에서 시간표를 추가하거나 선택해 주세요.
+							<span className={styles.emptyDesktop}>
+								왼쪽 사이드바에서 시간표를 추가하거나 선택해 주세요.
+							</span>
+							<span className={styles.emptyMobile}>
+								시간표는 데스크탑 뷰에서 설정해주세요!
+							</span>
 						</div>
+						
 					</div>
 				) : (
 					<TimetableGrid

src/styles/Timetable.module.css

@@ -395,6 +395,13 @@
   height: 60vh;
 }
 
+.emptyDesktop {
+  display: block;
+}
+.emptyMobile {
+  display: none;
+}
+
 @media (max-width: 576px) {
   .page,
   .AddClassPanelClosed,
@@ -609,4 +616,11 @@
   .notFound {
     display: flex;
   }
+
+  .emptyDesktop {
+    display: none;
+  }
+  .emptyMobile {
+    display: block;
+  }
 }