feat(unified-mobile-desktop-ui): Complete US-507 - Selecție Companie/Perioadă în MobileDrawerMenu

Implemented by Ralph autonomous loop.
Iteration: 7

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

src/modules/reports/views/InvoicesView.vue

@@ -34,7 +34,11 @@
     <MobileDrawerMenu
       v-model="showDrawer"
       :user="authStore.user"
+      :companies-store="companyStore"
+      :period-store="periodStore"
       @logout="handleLogout"
+      @company-changed="handleCompanyChanged"
+      @period-changed="handlePeriodChanged"
     />
 
     <!-- US-107: Filter BottomSheet for mobile -->
@@ -613,6 +617,18 @@ const handleCompanyChange = async () => {
   }
 };
 
+// Handlers for MobileDrawerMenu company/period changes
+// Store watchers will automatically trigger loadInvoices when values change
+const handleCompanyChanged = (company) => {
+  if (company) {
+    selectedCompanyId.value = company.id_firma;
+  }
+};
+
+const handlePeriodChanged = () => {
+  // Period store watcher handles the refresh
+};
+
 const handleFilterChange = async () => {
   pagination.value.page = 1;
   await loadInvoices();