refactor: update KYC request details action to navigate to individual detail pages using next/navigation router

src/app/admin/kyc/page.tsx

@@ -2,6 +2,7 @@
 
 import { useState, useEffect } from 'react';
 import Link from 'next/link';
+import { useRouter } from 'next/navigation';
 import {
   Shield, Search, Filter, Check, X, Clock, User, Phone, MapPin, FileText,
   Eye, Download, Send, MessageSquare, AlertCircle, DollarSign, Bike,
@@ -324,6 +325,7 @@ const sourceIcons: Record<string, any> = {
 };
 
 export default function RequestsPage() {
+  const router = useRouter();
   const [activeTab, setActiveTab] = useState<'all' | 'biker' | 'investor' | 'swapstation' | 'merchant'>('all');
   const [requests, setRequests] = useState<Request[]>(mockRequests);
   const [searchQuery, setSearchQuery] = useState('');
@@ -676,7 +678,7 @@ export default function RequestsPage() {
                           </button>
                         )}
                         <button
-                          onClick={(e) => { e.preventDefault(); setSelectedRequest(request); setShowDetailsModal(true); }}
+                          onClick={(e) => { e.preventDefault(); router.push(`/admin/kyc/${request.id}`); }}
                           className="py-1.5 px-3 border border-slate-200 text-slate-600 text-xs font-semibold rounded-lg hover:bg-slate-50 flex items-center gap-1"
                         >
                           <Eye className="w-3 h-3" /> Details