还原了搜索栏布局、样式；

还原了文件夹管理布局、样式；
还原了头部布局、样式；

src/pages/FolderPage.vue

@@ -24,14 +24,16 @@
     </div>
     <ion-content>
       <ion-list style="background-color: var(--background); padding: 0 16px; --ion-item-background: var(--background)">
-        <FolderItem
-          v-for="folder in filteredFolders"
-          :key="folder.id"
-          :id="folder.id"
-          :name="folder.name"
-          :noteCount="folder.noteCount"
-          :onPress="() => handleFolderPress(folder.id)"
-          :isSelected="folder.id === selectedFolder"
+        <FolderManage
+          :allCount="allNotesCount"
+          :starredCount="starredNotesCount"
+          :trashCount="trashNotesCount"
+          :archiveCount="archiveCount"
+          :selectedFolder="selectedFolder"
+          :onAllClick="() => handleFolderPress('all')"
+          :onStarredClick="() => handleFolderPress('starred')"
+          :onTrashClick="() => handleFolderPress('trash')"
+          :onArchiveClick="() => handleFolderPress('archive')"
         />
       </ion-list>
     </ion-content>
@@ -42,7 +44,7 @@
 import { ref, computed, onMounted } from 'vue';
 import { useAppStore } from '../stores/useAppStore';
 import { search, closeCircle } from 'ionicons/icons';
-import FolderItem from '../components/FolderItem.vue';
+import FolderManage from '../components/FolderManage.vue';
 import Header from '../components/Header.vue';
 
 const store = useAppStore();
@@ -71,6 +73,7 @@ const allNotesCount = computed(() => store.notes.length);
 const starredNotesCount = computed(() => store.notes.filter(note => note.isStarred).length);
 // Assuming we have a way to track deleted notes in the future
 const trashNotesCount = 0;
+const archiveCount = 0;
 
 const foldersWithAllNotes = computed(() => {
   return [