RABAC felépítése megtörtént ill hirdetési portál alapok lerakva

frontend/src/layouts/OrganizationLayout.vue

@@ -47,6 +47,17 @@
                   </svg>
                   {{ t('company.companyDataMenu') }}
                 </button>
+
+                <!-- Előfizetésem & Csomagok -->
+                <button
+                  @click="navigateToSubscription"
+                  class="flex w-full items-center gap-3 px-4 py-2.5 text-sm text-white/80 transition-all duration-150 hover:bg-white/5 hover:text-white"
+                >
+                  <svg class="w-4 h-4 text-white/40" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" />
+                  </svg>
+                  {{ t('menu.subscription') }}
+                </button>
               </div>
             </div>
           </Transition>
@@ -73,7 +84,7 @@
 
 <script setup lang="ts">
 import { ref, computed, onMounted, onUnmounted, watch } from 'vue'
-import { useRoute } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'
 import { useAuthStore } from '../stores/auth'
 import { useThemeStore } from '../stores/theme'
@@ -84,6 +95,7 @@ import HeaderProfile from '../components/header/HeaderProfile.vue'
 import CompanyDataModal from '../components/organization/CompanyDataModal.vue'
 
 const route = useRoute()
+const router = useRouter()
 const { t } = useI18n()
 const authStore = useAuthStore()
 const themeStore = useThemeStore()
@@ -113,6 +125,13 @@ function openCompanyData() {
   showCompanyDataModal.value = true
 }
 
+// ── Navigate to Subscription Plans page ────────────────────────────
+function navigateToSubscription() {
+  isHamburgerOpen.value = false
+  const orgId = route.params.id
+  router.push(`/organization/${orgId}/subscription`)
+}
+
 // ── Close hamburger on outside click ──────────────────────────────
 function handleOutsideClick(e: MouseEvent) {
   const target = e.target as HTMLElement