refactor: add navigaton panel component

Signed-off-by: Sebastian Krupinski <krupinski01@gmail.com>

src/pages/FilesPage.vue

@@ -12,7 +12,7 @@ import { useServicesStore } from '@DocumentsManager/stores/servicesStore'
 // Components
 import {
   FilesToolbar,
-  FilesSidebar,
+  Sidebar,
   FilesBreadcrumbs,
   FilesEmptyState,
   FilesDragOverlay,
@@ -744,13 +744,16 @@ onMounted(async () => {
       <FilesDragOverlay :visible="isDragOver" />
 
       <!-- Sidebar -->
-      <FilesSidebar
+      <Sidebar
         v-model="sidebarVisible"
         :active-provider-id="activeProviderId"
         :active-service-id="activeServiceId"
         :services="availableServices"
         @navigate-home="fileManager.navigateToRoot()"
         @select-service="handleServiceSelect"
+        @new-folder="showNewFolderDialog = true"
+        @open-file-picker="openFilePicker"
+        @open-folder-picker="openFolderPicker"
       />
 
       <!-- Main Area -->