fix: 使用 NScrollbar 统一内容区滚动条

src/features/projects/ProjectLayout.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, provide } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { NAlert, NButton, NPageHeader, NSpin, NTab, NTabs, NEllipsis } from 'naive-ui'
+import { NScrollbar, NAlert, NButton, NPageHeader, NSpin, NTab, NTabs, NEllipsis } from 'naive-ui'
 import { RefreshCw } from '@lucide/vue'
 import { StatusBadge } from '../../components/ui'
 import { projectContextKey, useProjectData } from './context'
@@ -59,9 +59,10 @@ function switchWorkflow(path: string) {
                 <NTab v-for="[path, label] in tabs" :key="path" :name="path">{{ label }}</NTab>
             </NTabs>
         </header>
-        <div
+        <NScrollbar
             v-if="context.error.value || operation.pending || operation.error || operation.notice"
             class="project-notices"
+            content-class="project-notices-content"
         >
             <NAlert v-if="context.error.value" type="error" :show-icon="false"
                 >{{ context.error.value
@@ -72,7 +73,7 @@ function switchWorkflow(path: string) {
             >
             <NAlert v-if="operation.error" type="error" :show-icon="false">{{ operation.error }}</NAlert>
             <NAlert v-if="operation.notice" :show-icon="false" role="status">{{ operation.notice }}</NAlert>
-        </div>
+        </NScrollbar>
         <div class="project-view">
             <RouterView v-if="context.project.value" :key="id" />
             <NSpin