Function: Add File Management Page

Author: ShenKSPZ

src/App.tsx

@@ -2,6 +2,7 @@ import { useEffect, useState } from 'react';
 import { ChatPage } from './components/pages/ChatPage';
 import { ImageGenerationPage } from './components/pages/ImageGenerationPage';
 import { TranslationPage } from './components/pages/TranslationPage';
+import { FileManagementPage } from './components/pages/FileManagementPage';
 import MainLayout from './components/layout/MainLayout';
 import DatabaseInitializer from './components/core/DatabaseInitializer';
 
@@ -36,6 +37,7 @@ function App() {
         {activePage === 'chat' && <ChatPage />}
         {activePage === 'image' && <ImageGenerationPage />}
         {activePage === 'translation' && <TranslationPage />}
+        {activePage === 'files' && <FileManagementPage />}
       </MainLayout>
     </DatabaseInitializer>
   );

src/components/layout/Sidebar.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MessageSquare, Settings, Image, Languages } from 'lucide-react';
+import { MessageSquare, Settings, Image, Languages, FileText } from 'lucide-react';
 
 interface SidebarProps {
   activePage: string;
@@ -28,6 +28,9 @@ export const Sidebar: React.FC<SidebarProps> = ({
     else if(activePage === 'translation'){
       return 'translation';
     }
+    else if(activePage === 'files'){
+      return 'files';
+    }
 
     return '';
   }
@@ -72,6 +75,18 @@ export const Sidebar: React.FC<SidebarProps> = ({
         >
           <Languages size={22} />
         </button>
+
+        <button 
+          className={`w-12 h-12 rounded-lg flex items-center justify-center transition-all duration-200 ${
+            getActivePage() === 'files' 
+              ? 'navigation-item-selected navigation-item-text' 
+              : 'navigation-item navigation-item-text'
+          }`}
+          onClick={() => onChangePage('files')}
+          aria-label="File Management"
+        >
+          <FileText size={22} />
+        </button>
       </div>
 
       {/* Settings button at bottom */}