Fix sidebar collapse and redesign profile section

- Increased rail mode width from 56px to 80px to properly fit icons
- Updated rail-width prop in all three layout files (admin, board, member)
- Redesigned profile section with improved layout and positioning
- Added horizontal layout in expanded mode with avatar, info, and menu button
- Implemented responsive design that switches to vertical layout in collapsed mode
- Enhanced menu with colorful icons and hover effects
- Added role badges (Admin, Board, Member) for better visual identification
- Improved glass morphism effects on profile card and menu
- Added smooth transitions and hover animations

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

assets/scss/main.scss

@@ -938,9 +938,9 @@ $screen-xl: 1280px;
     min-width: 280px;
   }
   
-  // Ensure rail mode uses correct width
+  // Ensure rail mode uses correct width - increased to fit icons
   &.v-navigation-drawer--rail {
-    width: 56px !important;
+    width: 80px !important;
   }
   
   &__content {
@@ -981,4 +981,58 @@ $screen-xl: 1280px;
   .dashboard-header {
     padding: 1rem !important;
   }
+}
+
+// Enhanced Profile Card Styles
+.glass-profile-card {
+  background: rgba(255, 255, 255, 0.08) !important;
+  backdrop-filter: blur(10px) !important;
+  border: 1px solid rgba(255, 255, 255, 0.1) !important;
+  border-radius: 12px !important;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
+  
+  &:hover {
+    background: rgba(255, 255, 255, 0.12) !important;
+    border-color: rgba(255, 255, 255, 0.15) !important;
+    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.15) !important;
+  }
+}
+
+.profile-menu-btn {
+  transition: all 0.2s ease !important;
+  
+  &:hover {
+    transform: scale(1.05) !important;
+    background: rgba(255, 255, 255, 0.1) !important;
+  }
+}
+
+.glass-menu {
+  background: rgba(28, 28, 30, 0.95) !important;
+  backdrop-filter: blur(20px) !important;
+  border: 1px solid rgba(255, 255, 255, 0.1) !important;
+  border-radius: 12px !important;
+  overflow: hidden !important;
+  
+  .v-list-item {
+    transition: all 0.2s ease !important;
+    
+    &:hover {
+      background: rgba(255, 255, 255, 0.08) !important;
+      padding-left: 20px !important;
+    }
+    
+    &.hover-lift:hover {
+      transform: translateX(4px) !important;
+    }
+  }
+}
+
+.glass-badge {
+  background: linear-gradient(135deg, rgba(206, 26, 26, 0.2), rgba(255, 255, 255, 0.1)) !important;
+  backdrop-filter: blur(10px) !important;
+  border: 1px solid rgba(206, 26, 26, 0.3) !important;
+  color: #CE1A1A !important;
+  font-weight: 600 !important;
+  letter-spacing: 0.5px !important;
 }