버그 수정, 모임장 설정 수정

frontend/src/components/AppHeader.vue

@@ -47,6 +47,13 @@
           </div>
         </div>
       </div>
+      
+      <!-- 클럽 추가 버튼 -->
+      <div class="club-add-wrapper">
+        <Button icon="pi pi-plus-circle" class="club-add-button p-button-outlined" @click="goToClubCreate"
+          title="새 클럽 만들기" />
+      </div>
+      
       <!-- 사용자 메뉴 -->
       <div class="user-menu-wrapper">
         <Button @click="toggleUserMenu" class="user-menu-button p-button-outlined">
@@ -301,6 +308,11 @@ const toggleNotifications = (event) => {
   event.stopPropagation();
 };
 
+// 클럽 생성 페이지로 이동
+const goToClubCreate = () => {
+  router.push({ name: 'UserClubCreate' });
+};
+
 // 문서 클릭 시 알림 패널 닫기
 const handleDocumentClick = (event) => {
   const notificationWrapper = document.querySelector('.notification-wrapper');
@@ -348,13 +360,15 @@ onBeforeUnmount(() => {
 
 .user-menu-wrapper,
 .admin-menu-wrapper,
-.notification-wrapper {
+.notification-wrapper,
+.club-add-wrapper {
   position: relative;
 }
 
 .user-menu-button,
 .admin-menu-button,
-.notification-button {
+.notification-button,
+.club-add-button {
   background-color: transparent !important;
   border: 1px solid rgba(255, 255, 255, 0.3) !important;
   color: white !important;
@@ -362,7 +376,8 @@ onBeforeUnmount(() => {
 
 .user-menu-button:hover,
 .admin-menu-button:hover,
-.notification-button:hover {
+.notification-button:hover,
+.club-add-button:hover {
   background-color: rgba(255, 255, 255, 0.1) !important;
 }