Move custom app actions to a dropdown

dashboard/src/views/AppstoreView.vue

@@ -23,6 +23,17 @@ const ready = ref(false);
 const apps = ref([]);
 const search = ref('');
 const domains = ref([]);
+const addCustomAppMenu = ref([{
+    label: 'App proxy',
+    action: () => { window.location.href="/#/appstore/io.cloudron.builtin.appproxy"; }
+  }, {
+    label: 'External link',
+    action: () => { onAddAppLink(); }
+  }, {
+    label: 'Community app',
+    action: () => { onInstallCommunityApp(); }
+  }
+]);
 
 // clear category on search
 watch(search, (newValue) => {
@@ -240,9 +251,7 @@ onDeactivated(() => {
     <div class="filter-bar">
       <SingleSelect v-model="category" :options="categories" option-key="id" option-label="label" :disabled="!ready"/>
       <TextInput ref="searchInput" @keydown.esc="search = ''" v-model="search" :disabled="!ready" :placeholder="$t('appstore.searchPlaceholder')" style="flex-grow: 1;" autocomplete="off"/>
-      <Button tool outline href="/#/appstore/io.cloudron.builtin.appproxy">Add app proxy</Button>
-      <Button tool outline @click="onAddAppLink()">Add external link</Button>
-      <Button tool outline @click="onInstallCommunityApp()">Install Community App</Button>
+      <Button tool :menu="addCustomAppMenu">{{ $t('appstore.action.addCustomApp') }} </Button>
     </div>
 
     <div v-if="!ready" style="margin-top: 15px">