added homepage

Author: atom7xyz

src/frontend/App.tsx

@@ -15,6 +15,7 @@ import ApplicationSplash from './components/modals/ApplicationSplash';
 import { AnimatePresence } from 'framer-motion';
 import { AppLockProvider } from './lib/contexts/AppLockContext';
 import ScreenLockModal from './components/modals/ScreenLockModal';
+import Home from './components/pages/Home';
 
 // Key for session storage to check if app has been loaded before
 const APP_LOADED_KEY = 'cloudnotes-app-loaded';
@@ -114,11 +115,18 @@ function App() {
               </MainLayout>
             } />
 
+            {/* Home route */}
+            <Route path="/home" element={
+              <MainLayout>
+                <Home />
+              </MainLayout>
+            } />
+            
             {/* FileReader route without MainLayout */}
             <Route path="/reader" element={<FileReader />} />
 
             {/* Default route */}
-            <Route path="*" element={<Navigate to="/register" replace />} />
+            <Route path="*" element={<Navigate to="/login" replace />} />
           </Routes>
         </Router>
       </div>

src/frontend/components/modals/FileBrowserModal.tsx

@@ -3,7 +3,6 @@ import { useState, useEffect, useCallback } from 'react'
 import { Modal } from '../ui/modal';
 import { Input } from '../ui/input';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '../ui/tabs';
-import { Button } from '../ui/button';
 import { Skeleton } from '../ui/skeleton';
 import { Card } from '../ui/card';
 import { Badge } from '../ui/badge';
@@ -16,9 +15,7 @@ import {
   Eye, 
   FileIcon,
   X,
-  BookmarkIcon,
-  FolderOpenIcon
-} from 'lucide-react';
+  BookmarkIcon} from 'lucide-react';
 import { mockDataService, type MockDocument } from '../../lib/mockData';
 import { debounce } from '../../lib/utils';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../ui/tooltip';
@@ -265,7 +262,7 @@ const FileBrowserModal: React.FC<FileBrowserModalProps> = ({ isOpen, onClose })
             <div className="flex justify-between items-center mt-2">
               {document.tags.length > 0 && (
                 <div className="flex flex-wrap gap-1">
-                  {document.tags.map((tag, index) => {
+                  {document.tags.map((tag) => {
                     // Check if it's a file type tag
                     const isFileType = fileTypeTags.includes(tag);
                     let tagStyles = "text-xs px-1.5 py-0 cursor-pointer border ";