refactor(gui): move app store to account page

Signed-off-by: Pranav C <pranavxc@gmail.com>

packages/nc-gui/components/account/AppStore.vue

@@ -0,0 +1,9 @@
+<template>
+  <div class="h-full overflow-y-scroll scrollbar-thin-dull pt-2">
+    <div class="text-xl mt-4">{{ $t('title.appStore') }}</div>
+    <a-divider class="!my-3" />
+    <div>
+      <LazyDashboardSettingsAppStore />
+    </div>
+  </div>
+</template>

packages/nc-gui/components/account/License.vue

@@ -36,7 +36,7 @@ loadLicense()
   <div class="h-full overflow-y-scroll scrollbar-thin-dull">
     <div class="text-xl mt-4">License</div>
     <a-divider class="!my-3" />
-    <div class="">
+    <div>
       <a-textarea v-model:value="key" placeholder="License key" class="!mt-2 !max-w-[600px]"></a-textarea>
     </div>
     <a-button class="mt-4" @click="setLicense" type="primary">Save license key</a-button>

packages/nc-gui/layouts/base.vue

@@ -95,17 +95,6 @@ hooks.hook('page:finish', () => {
                 </a-menu-item>
 
                 <a-menu-divider class="!m-0" />
-                <a-menu-item v-if="isUIAllowed('appStore')" key="0" class="!rounded-t">
-                  <nuxt-link
-                    v-e="['c:settings:appstore', { page: true }]"
-                    class="nc-project-menu-item group !no-underline"
-                    to="/apps"
-                  >
-                    <MdiStorefrontOutline class="mt-1 group-hover:text-accent" />&nbsp;
-
-                    <span class="prose group-hover:text-primary">{{ $t('title.appStore') }}</span>
-                  </nuxt-link>
-                </a-menu-item>
                 <a-menu-divider class="!m-0" />
                 <!--                <a-menu-item v-if="isUIAllowed('appStore')" key="0" class="!rounded-t">
                   <nuxt-link

packages/nc-gui/pages/[projectType]/[projectId]/index.vue

@@ -458,7 +458,7 @@ onBeforeUnmount(reset)
                       <template #expandIcon></template>
 
                       <a-menu-item key="0" class="!rounded-t">
-                        <nuxt-link v-e="['c:navbar:user:email']" class="nc-project-menu-item group !no-underline" to="/user">
+                        <nuxt-link v-e="['c:navbar:user:email']" class="nc-project-menu-item group !no-underline" to="/account">
                           <MdiAt class="mt-1 group-hover:text-accent" />&nbsp;
 
                           <span class="prose-sm">{{ email }}</span>

packages/nc-gui/pages/account/index.vue

@@ -35,6 +35,17 @@ const selectedTabKeys = computed(() => [$route.params.page])
                 <div class="select-none">Tokens</div>
               </div>
             </a-menu-item>
+            <a-menu-item
+              key="apps"
+              class="group active:(!ring-0) hover:(!bg-primary !bg-opacity-25)"
+              @click="navigateTo('/account/apps')"
+            >
+              <div class="flex items-center space-x-2">
+                <MdiStorefrontOutline />
+
+                <div class="select-none">App Store</div>
+              </div>
+            </a-menu-item>
           </a-menu>
         </div>
       </a-layout-sider>

packages/nc-gui/pages/account/index/[page].vue

@@ -1,5 +1,6 @@
 <template>
   <AccountUserManagement v-if="$route.params.page === 'users'" />
   <AccountToken v-else-if="$route.params.page === 'tokens'" />
+  <AccountAppStore v-else-if="$route.params.page === 'apps'" />
   <span v-else></span>
 </template>