보안설정 수정, 모바일 최적화 변경

frontend/src/components/AppHeader.vue

@@ -1,7 +1,10 @@
 <template>
   <header class="app-header">
+    <button class="sidebar-toggle" @click="$emit('toggle-sidebar')">
+      <i class="pi pi-bars"></i>
+    </button>
     <div class="logo">
-      <img src="@/assets/LaneBowLogo.png" alt="LaneBow Logo" class="logo-img" />
+      <img src="@/assets/LaneBowLogo.png" alt="LaneBow Logo" class="logo-img header-logo" />
       <div class="app-title">볼링 클럽 매니저</div>
     </div>
     
@@ -524,4 +527,30 @@ onBeforeUnmount(() => {
     margin: 0.5rem;
   }
 }
+.header-logo {
+  height: 60px;
+  transition: height 0.2s;
+}
+
+.sidebar-toggle {
+  display: none;
+  background: none;
+  border: none;
+  font-size: 2rem;
+  margin-right: 10px;
+  cursor: pointer;
+}
+
+@media (max-width: 600px) {
+  .header-logo {
+    height: 36px;
+  }
+  .app-title {
+    font-size: .8rem;
+    margin-top: -10px;
+  }
+  .sidebar-toggle {
+    display: block;
+  }
+}
 </style>