Use detail icons in client and seller tables

src/pages/Clients.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { Link, useOutletContext } from 'react-router-dom';
-import { Search, ChevronRight, Filter, X } from 'lucide-react';
+import { Search, Eye, Filter, X } from 'lucide-react';
 import { BarChart, Bar, Cell, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from 'recharts';
 import PaginationControls from '../components/PaginationControls';
 import RefreshStatus from '../components/RefreshStatus';
@@ -794,10 +794,11 @@ const Clients = () => {
                   <td className="px-6 py-2.5 text-right">
                     <Link 
                       to={`/clients/${encodeURIComponent(client.clientToken)}`}
-                      className="inline-flex items-center text-xs font-bold text-brand-primary hover:opacity-80 transition-opacity cursor-pointer"
+                      className="inline-flex h-8 w-8 items-center justify-center rounded-lg bg-brand-primary/10 text-brand-primary transition-opacity hover:opacity-80 cursor-pointer"
+                      title={`Ver detalhes de ${client.name}`}
+                      aria-label={`Ver detalhes de ${client.name}`}
                     >
-                      Ver detalhes
-                      <ChevronRight className="w-3.5 h-3.5 ml-1" />
+                      <Eye className="h-3.5 w-3.5" />
                     </Link>
                   </td>
                 </tr>