Refactor: Adapt to design changes

The design has been significantly updated, requiring code adjustments.

src/main.tsx

@@ -1,5 +1,27 @@
+
 import { createRoot } from 'react-dom/client'
 import App from './App.tsx'
 import './index.css'
 
+// iOS 안전 영역 메타 태그 추가
+const setViewportMetaTag = () => {
+  // 기존 viewport 메타 태그 찾기
+  let metaTag = document.querySelector('meta[name="viewport"]');
+  
+  // 없으면 새로 생성
+  if (!metaTag) {
+    metaTag = document.createElement('meta');
+    metaTag.setAttribute('name', 'viewport');
+    document.head.appendChild(metaTag);
+  }
+  
+  // content 속성 설정 (viewport-fit=cover 추가)
+  metaTag.setAttribute('content', 'width=device-width, initial-scale=1.0, viewport-fit=cover');
+};
+
+// 메타 태그 설정 적용
+setViewportMetaTag();
+
+// 앱 렌더링
 createRoot(document.getElementById("root")!).render(<App />);
+