모바일 새로고침 시 좌측 사이드바 열림→닫힘 애니메이션 문제 수정

- useMenuState에 menuMounted 추가, 모바일은 항상 닫힘 상태로 시작
- 좌측 사이드바 모바일 오버레이·백드롭을 마운트 이후에만 열리도록 게이팅
- 데스크톱 기본 열림·저장 설정은 그대로 유지
- v1.10.30

Co-authored-by: Cursor <cursoragent@cursor.com>

components/site/LeftSidebar.vue

@@ -5,6 +5,10 @@ defineProps({
   menuOpen: {
     type: Boolean,
     required: true
+  },
+  menuMounted: {
+    type: Boolean,
+    default: false
   }
 })
 
@@ -229,9 +233,14 @@ onMounted(() => {
   <aside
     id="menu"
     class="left-sidebar site-sidebar flex flex-col overflow-hidden border-r border-[var(--site-line)] transition-[width,opacity,transform,border-color] duration-300 ease-out max-lg:fixed max-lg:left-0 max-lg:top-[57px] max-lg:z-[60] max-lg:h-[calc(100dvh-57px)] max-lg:max-h-[calc(100dvh-57px)] max-lg:w-[min(287px,calc(100vw-24px))] max-lg:shadow-[0_16px_48px_rgba(0,0,0,0.18)] lg:sticky lg:top-[57px] lg:z-10 lg:h-[calc(100vh-57px)] lg:max-h-[calc(100vh-57px)] lg:self-start"
-    :class="menuOpen
-      ? 'max-lg:translate-x-0 max-lg:pointer-events-auto lg:w-[287px] lg:opacity-100'
-      : 'max-lg:-translate-x-full max-lg:pointer-events-none lg:w-0 lg:opacity-0 lg:border-transparent'"
+    :class="[
+      menuOpen
+        ? 'lg:w-[287px] lg:opacity-100'
+        : 'lg:w-0 lg:opacity-0 lg:border-transparent',
+      menuOpen && menuMounted
+        ? 'max-lg:translate-x-0 max-lg:pointer-events-auto'
+        : 'max-lg:-translate-x-full max-lg:pointer-events-none'
+    ]"
   >
     <div class="left-sidebar__scroll site-sidebar-scroll min-h-0 flex-1">
       <div class="left-sidebar__block site-sidebar-section py-3 pl-4 pr-3 sm:pl-5 xl:pl-0">