타이틀, favicon 설정

frontend/src/components/AppHeader.vue

@@ -1,7 +1,8 @@
 <template>
   <header class="app-header">
     <div class="logo">
-      <h1>볼링 클럽 매니저</h1>
+      <img src="@/assets/LaneBowLogo.png" alt="LaneBow Logo" class="logo-img" />
+      <div class="app-title">볼링 클럽 매니저</div>
     </div>
     
     <div v-if="isLoggedIn" class="header-actions">
@@ -346,10 +347,24 @@ onBeforeUnmount(() => {
   z-index: 1000;
 }
 
-.logo h1 {
-  margin: 0;
+.logo {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.logo-img {
+  height: 70px;
+  width: auto;
+  margin-bottom: 0.3rem;
+}
+.app-title {
   font-size: 1.5rem;
   font-weight: 600;
+  color: white;
+  letter-spacing: 1px;
+  text-shadow: 0 2px 4px rgba(0,0,0,1);
+  margin-bottom: 0;
+  margin-top: -30px;
 }
 
 .header-actions {

frontend/src/router/index.js

@@ -40,7 +40,7 @@ const routes = [
     path: '/public/:publicHash',
     name: 'EventPublicPage',
     component: EventPublicPage,
-    meta: { requiresAuth: false, layout: 'public' }
+    meta: { title: 'LaneBow - 볼링 클럽 매니저', requiresAuth: false, layout: 'public' }
   },
   { 
     path: '/login', 

frontend/src/views/club/ClubSettings.vue

@@ -37,7 +37,7 @@
               <label for="clubOwner">모임장 설정</label>
               <select id="clubOwner" v-model="selectedOwnerId" class="form-control">
                 <option v-for="member in members" :key="member.id" :value="member.userId">
-                  {{ member.name }} ({{ member.memberType }}) [ID: {{ member.userId }}]
+                  {{ member.name }} ({{ getMemberTypeLabel(member.memberType) }}) [ID: {{ member.userId }}]
                 </option>
               </select>
               <small class="form-text text-muted">모임장 권한을 이전할 회원을 선택합니다. 모임장은 클럽의 모든 관리 권한을 가집니다.</small>
@@ -127,7 +127,7 @@
 </template>
 
 <script setup>
-import { AVERAGE_CALCULATION_PERIOD_OPTIONS } from '@/utils/enumMappings';
+import { AVERAGE_CALCULATION_PERIOD_OPTIONS, getMemberTypeLabel } from '@/utils/enumMappings';
 
 import { ref, onMounted, computed, inject } from 'vue';
 import { useRouter } from 'vue-router';