Optimize client details with opaque tokens

src/pages/Clients.tsx

@@ -109,6 +109,7 @@ const Clients = () => {
       const rfmClient = rfmByCustomerKey.get(client.customerKey);
       return {
         customerKey: client.customerKey,
+        clientToken: client.clientToken,
         name: client.name,
         phone: client.phone,
         totalSpent: client.totalSpent,
@@ -315,7 +316,7 @@ const Clients = () => {
                   </td>
                   <td className="px-6 py-2.5 text-right">
                     <Link 
-                      to={`/clients/${encodeURIComponent(client.customerKey)}?name=${encodeURIComponent(client.name)}`}
+                      to={`/clients/${encodeURIComponent(client.clientToken)}`}
                       className="inline-flex items-center text-xs font-bold text-brand-primary hover:opacity-80 transition-opacity cursor-pointer"
                     >
                       Ver detalhes