feat(ui-fixes-phase6): Complete US-606 - Layout Scrollabil Unificat în Meniul Mobil

Implemented by Ralph autonomous loop.
Iteration: 7

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

src/shared/components/mobile/MobileDrawerMenu.vue

@@ -624,19 +624,20 @@ onMounted(() => {
   justify-content: flex-start;
 }
 
-/* Main drawer container */
+/* Main drawer container - US-606: Unified scrollable layout (updated) */
 .drawer-menu {
   width: 280px;
   max-width: 85vw;
   height: 100%;
+  min-height: 60vh; /* US-606: Ensure min 60% of screen height for menu visibility */
   background: var(--surface-card);
   box-shadow: var(--shadow-xl);
   display: flex;
   flex-direction: column;
-  overflow: hidden;
+  overflow-y: auto;
+  overflow-x: hidden;
+  -webkit-overflow-scrolling: touch;
   z-index: var(--z-modal);
-  /* Extra padding at bottom to ensure content is above MobileBottomNav (56px) */
-  padding-bottom: calc(var(--header-height) + var(--space-md));
 }
 
 /* ================================================
@@ -921,13 +922,11 @@ onMounted(() => {
 }
 
 /* ================================================
-   Navigation Sections Container (scrollable)
+   Navigation Sections Container
+   US-606: No longer independently scrollable, part of unified scroll
    ================================================ */
 
 .drawer-sections {
-  flex: 1;
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
   padding: var(--space-sm) 0;
 }
 
@@ -1015,12 +1014,14 @@ onMounted(() => {
 
 /* ================================================
    Profile Section
+   US-606: No longer fixed at bottom, scrolls with content
    ================================================ */
 
 .drawer-profile {
   padding: var(--space-md) 0;
   border-top: 1px solid var(--surface-border);
-  margin-top: auto;
+  /* Extra padding at bottom for MobileBottomNav clearance (56px) */
+  padding-bottom: calc(var(--header-height) + var(--space-md));
 }
 
 .profile-header {