refactor: refs #6891 Move filter panel rendering to RightMenu component

src/components/common/RightMenu.vue

@@ -30,7 +30,7 @@ const { t } = useI18n();
 const stateStore = useStateStore();
 </script>
 <template>
-    <Teleport to="#actions-append">
+    <Teleport to="#actions-append" v-if="stateStore.isHeaderMounted()">
         <div class="row q-gutter-x-sm">
             <QBtn
                 v-if="hasContent || $slots['right-panel']"

src/components/common/VnCard.vue

@@ -77,12 +77,12 @@ watchEffect(() => {
                 <LeftMenu source="card" />
             </QScrollArea>
         </QDrawer>
-        <RightMenu>
-            <template #right-panel v-if="props.filterPanel">
-                <component :is="props.filterPanel" :data-key="props.searchDataKey" />
-            </template>
-        </RightMenu>
     </template>
+    <RightMenu>
+        <template #right-panel v-if="props.filterPanel">
+            <component :is="props.filterPanel" :data-key="props.searchDataKey" />
+        </template>
+    </RightMenu>
     <QPageContainer>
         <QPage>
             <VnSubToolbar />