Initial Nuxt frontend import

- Complete GGZ Ecademy Nuxt.js user portal
- Learning products browser and management
- Member management interface
- User authentication and roles
- Multi-language support (NL/EN)
- Vuex store for state management
- Component-based architecture

components/RightMenu/UserMenu.vue

@@ -0,0 +1,78 @@
+<template>
+  <v-expansion-panels flat tile v-model="panel" multiple>
+    <v-expansion-panel>
+      <v-expansion-panel-header
+        class="font-weight-bold"
+        expand-icon="icon-dropdown-up"
+        >{{ $t('rightMenu.my_account') }}
+      </v-expansion-panel-header>
+      <v-expansion-panel-content>
+        <v-list-item
+          nuxt
+          exact
+          :to="localePath(`/manager/accounts/${$auth.user.id}`)"
+          @click="$store.commit('navigation/SWITCH_RIGHT_DRAWER', false)"
+        >
+          <v-list-item-content>
+            <v-list-item-subtitle> Profiel bewerken </v-list-item-subtitle>
+          </v-list-item-content>
+        </v-list-item>
+        <!--<v-list-item
+          nuxt
+          :to="localePath('/manager/accounts')"
+          exact
+          @click="$store.commit('navigation/SWITCH_RIGHT_DRAWER', false)"
+          v-if="$store.getters.isSuperAdmin"
+        >
+          <v-list-item-content>
+            <v-list-item-subtitle>
+              {{ $t('rightMenu.users_manager') }}
+            </v-list-item-subtitle>
+          </v-list-item-content>
+        </v-list-item>
+         <v-list-item>
+          <v-list-item-content>
+            <v-list-item-subtitle>
+              {{ $t('rightMenu.notification_manager') }}
+            </v-list-item-subtitle>
+          </v-list-item-content>
+        </v-list-item> -->
+
+        <v-divider class="my-2 lines" />
+
+        <v-list-item @click="logout">
+          <v-list-item-content>
+            <v-list-item-title>
+              {{ $t('rightMenu.logout') }}
+              <!-- <localeSwitch /> -->
+            </v-list-item-title>
+          </v-list-item-content>
+
+          <v-list-item-avatar>
+            <v-btn text>
+              <v-icon small>icon-logout</v-icon>
+            </v-btn>
+          </v-list-item-avatar>
+        </v-list-item>
+      </v-expansion-panel-content>
+    </v-expansion-panel>
+  </v-expansion-panels>
+</template>
+
+<script>
+// import localeSwitch from '~/components/LocaleSwitch/LocaleSwitch'
+
+export default {
+  data: () => ({
+    panel: [0],
+  }),
+  // components: {
+  //   localeSwitch,
+  // },
+  methods: {
+    async logout() {
+      await this.$auth.logout()
+    },
+  },
+}
+</script>