refactor: 迁移到 @nuxt/ui@4

- https://ui.nuxt.com/docs/getting-started/migration/v4#changes-from-v3

app/components/aigc/generation/TitlesTemplate.vue

@@ -79,7 +79,7 @@ const closePreview = () => {
         </p>
       </div>
       <div>
-        <UButtonGroup
+        <UFieldGroup
           size="xs"
           v-if="type === 'system'"
         >
@@ -101,7 +101,7 @@ const closePreview = () => {
               color="error"
             />
 
-            <template #panel="{ close }">
+            <template #content="{ close }">
               <div class="flex flex-col gap-2 p-2">
                 <p class="text-xs text-gray-500 dark:text-gray-400">
                   素材删除后不可恢复，确认删除？
@@ -117,7 +117,7 @@ const closePreview = () => {
               </div>
             </template>
           </UPopover>
-        </UButtonGroup>
+        </UFieldGroup>
         <div v-if="type === 'user'">
           <!-- <UButton
             icon="tabler:trash"
@@ -135,7 +135,7 @@ const closePreview = () => {
               size="xs"
             />
 
-            <template #panel="{ close }">
+            <template #content="{ close }">
               <div class="flex flex-col gap-2 p-2">
                 <p class="text-xs text-gray-500 dark:text-gray-400">
                   素材删除后不可恢复，确认删除？