refactor: advancedMenu button inside searchbar

src/components/NavBar.vue

@@ -61,7 +61,6 @@ onMounted(() => stateStore.setMounted());
             />
             <QSpace />
             <div id="searchbar" class="searchbar"></div>
-            <div id="searchbar-after"></div>
             <QSpace />
             <div class="q-pl-sm q-gutter-sm row items-center no-wrap">
                 <div id="actions-prepend"></div>

src/components/common/RightAdvancedMenu.vue

@@ -20,7 +20,7 @@ watch(
     (val) => {
         if (stateStore) stateStore.rightAdvancedDrawer = val;
     },
-    { immediate: true }
+    { immediate: true },
 );
 </script>
 <template>
@@ -30,8 +30,8 @@ watch(
             flat
             @click="stateStore.toggleRightAdvancedDrawer()"
             round
-            dense
             icon="tune"
+            color="white"
         >
             <QTooltip bottom anchor="bottom right">
                 {{ t('globals.advancedMenu') }}

src/components/ui/VnSearchbar.vue

@@ -102,7 +102,7 @@ watch(
     (val) => {
         arrayData = useArrayData(val, { ...props });
         store = arrayData.store;
-    }
+    },
 );
 
 onMounted(() => {
@@ -176,6 +176,7 @@ async function search() {
                     >
                         <QTooltip>{{ t(props.info) }}</QTooltip>
                     </QIcon>
+                    <div id="searchbar-after"></div>
                 </template>
             </VnInput>
         </QForm>