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>

scripts/ralph/prd.json

@@ -131,8 +131,8 @@
         "npm run typecheck passes",
         "Verify in browser: Entire mobile menu scrolls as one unit"
       ],
-      "passes": false,
+      "passes": true,
-      "notes": "Restructurează CSS-ul MobileDrawerMenu.vue, elimină position: fixed de pe header/footer"
+      "notes": "Completed in iteration 7"
     },
     {
       "id": "US-607",

scripts/ralph/progress.txt

@@ -278,3 +278,9 @@ PRD: tasks/prd-ui-fixes-phase6.md
 [2026-01-13 16:18:24] Working on story: US-605
 [2026-01-13 16:18:24] Running Claude... (log: /workspace/roa2web/scripts/ralph/logs/iteration_6_US-605.log)
 [2026-01-13 16:23:39] SUCCESS: Story US-605 passed!
+[2026-01-13 16:23:39] Changes committed
+[2026-01-13 16:23:39] Progress: 5/10 stories completed
+[2026-01-13 16:23:41] === Iteration 7/30 ===
+[2026-01-13 16:23:41] Working on story: US-606
+[2026-01-13 16:23:41] Running Claude... (log: /workspace/roa2web/scripts/ralph/logs/iteration_7_US-606.log)
+[2026-01-13 16:29:48] SUCCESS: Story US-606 passed!

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 {