fixed routes

Author: amethystani

src/pages/DocsPage.tsx

@@ -430,9 +430,9 @@ export default function DocsPage() {
                     <footer className="mt-24 pt-12 border-t border-white/10 flex flex-col md:flex-row justify-between items-center gap-6 text-white/40 text-sm">
                         <p>&copy; {new Date().getFullYear()} ClerkTree Inc. All rights reserved.</p>
                         <div className="flex gap-6">
-                            <a href="#" className="hover:text-white transition-colors">Privacy Policy</a>
-                            <a href="#" className="hover:text-white transition-colors">Terms of Service</a>
-                            <a href="#" className="hover:text-white transition-colors">Status</a>
+                            <Link to="/privacy-policy" className="hover:text-white transition-colors">Privacy Policy</Link>
+                            <Link to="/terms-of-service" className="hover:text-white transition-colors">Terms of Service</Link>
+                            <Link to="/security" className="hover:text-white transition-colors">Security</Link>
                         </div>
                     </footer>
                 </main>

src/pages/Documents.tsx

@@ -1,4 +1,5 @@
-import React, { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
 import { FileCheck, Search, Filter, CheckCircle, XCircle, AlertCircle, MoreVertical, Download, History, Eye, User, Calendar, Clock, Shield, Sun, Moon } from 'lucide-react';
 import { adminApi, API_BASE_URL } from '../config/api';
 import { useLanguage } from '../contexts/LanguageContext';
@@ -41,6 +42,7 @@ interface GroupedDocument {
 }
 
 const AdminDashboard = () => {
+  const navigate = useNavigate();
   const [documents, setDocuments] = useState<Document[]>([]);
   const [selectedDocument, setSelectedDocument] = useState<any>(null);
   const [showDetails, setShowDetails] = useState(false);
@@ -531,7 +533,7 @@ const AdminDashboard = () => {
             <LanguageSwitcher isExpanded={true} />
             {/* Dashboard Link */}
             <button
-              onClick={() => window.location.href = '/dashboard'}
+              onClick={() => navigate('/dashboard')}
               className={`p-2 rounded-lg transition-all duration-200 ${isDarkMode
                 ? 'bg-purple-500/20 text-purple-300 hover:bg-purple-500/30 border border-purple-500/30'
                 : 'bg-white text-gray-700 hover:bg-gray-100 border border-gray-200'