feat: 在多个视图中添加 scrim 属性以改善对话框显示效果

src/views/plugin/PluginCardListView.vue

@@ -456,6 +456,7 @@ onMounted(async () => {
           v-model="filterInstalledPluginDialog"
           width="20rem"
           :close-on-content-click="false"
+          scrim
         >
           <template #activator="{ props }">
             <VBtn
@@ -491,6 +492,7 @@ onMounted(async () => {
           v-model="filterMarketPluginDialog"
           width="25rem"
           :close-on-content-click="false"
+          scrim
         >
           <template #activator="{ props }">
             <VBtn
@@ -625,7 +627,10 @@ onMounted(async () => {
               <template #loading />
               <template #empty />
               <div class="grid gap-4 grid-plugin-card">
-                <template v-for="(data, index) in displayUninstalledList" :key="`${data.id}_v${data.plugin_version}_${index}`">
+                <template
+                  v-for="(data, index) in displayUninstalledList"
+                  :key="`${data.id}_v${data.plugin_version}_${index}`"
+                >
                   <PluginAppCard :plugin="data" :count="PluginStatistics[data.id || '0']" @install="pluginInstalled" />
                 </template>
               </div>