feat(unified-mobile-desktop-ui): Complete US-506 - Fix MobileDrawerMenu - Deconectare Vizibil

Implemented by Ralph autonomous loop.
Iteration: 6

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

scripts/ralph/prd.json

@@ -148,8 +148,8 @@
         "npm run build passes",
         "Verify in browser mobil (375x667): butonul Deconectare este vizibil și clickabil"
       ],
-      "passes": false,
-      "notes": ""
+      "passes": true,
+      "notes": "Completed in iteration 6"
     },
     {
       "id": "US-507",

scripts/ralph/progress.txt

@@ -100,3 +100,9 @@ Design Reference: src/modules/reports/views/InvoicesView.vue
 [2026-01-12 22:27:36] Working on story: US-505
 [2026-01-12 22:27:36] Running Claude... (log: /workspace/roa2web/scripts/ralph/logs/iteration_5_US-505.log)
 [2026-01-12 22:29:44] SUCCESS: Story US-505 passed!
+[2026-01-12 22:29:44] Changes committed
+[2026-01-12 22:29:44] Progress: 5/19 stories completed
+[2026-01-12 22:29:46] === Iteration 6/100 ===
+[2026-01-12 22:29:46] Working on story: US-506
+[2026-01-12 22:29:46] Running Claude... (log: /workspace/roa2web/scripts/ralph/logs/iteration_6_US-506.log)
+[2026-01-12 22:36:38] SUCCESS: Story US-506 passed!

src/shared/components/mobile/MobileDrawerMenu.vue

@@ -126,7 +126,7 @@ import { computed, ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 
 /**
- * MobileDrawerMenu - Material Design 3 inspired navigation drawer for mobile
+ * MobileDrawerMenu - Material Design 3 inspired navigation drawer for mobile (v2)
  *
  * Props:
  * - modelValue (v-model): Controls visibility of the drawer
@@ -289,6 +289,8 @@ const handleLogout = async () => {
   flex-direction: column;
   overflow: hidden;
   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));
 }
 
 /* ================================================