Improve how verification statuses are displayed for specific records

Refactor the Avoirs page to wrap the CheckCircle component in a div for better tooltip handling and to display verification status more clearly.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9fcf4b21-eb0c-4e53-a567-e2ce4a6ad869
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/9fcf4b21-eb0c-4e53-a567-e2ce4a6ad869/uMhb9Na

client/src/pages/Avoirs.tsx

@@ -1180,7 +1180,9 @@ export default function Avoirs() {
                             {verifyingAvoirs.has(avoir.id) ? (
                               <Clock className="h-4 w-4 text-blue-500 animate-spin" />
                             ) : (avoirVerificationResults[avoir.id]?.exists === true || avoir.nocodbVerified) ? (
-                              <CheckCircle className="h-4 w-4 text-green-500 cursor-help" title={`Vérifié: ${avoirVerificationResults[avoir.id]?.exists ? 'cache' : avoir.nocodbVerified ? 'validé' : 'inconnu'}`} />
+                              <div title={`Vérifié: ${avoirVerificationResults[avoir.id]?.exists ? 'cache' : avoir.nocodbVerified ? 'validé' : 'inconnu'}`}>
+                                <CheckCircle className="h-4 w-4 text-green-500 cursor-help" />
+                              </div>
                             ) : avoirVerificationResults[avoir.id]?.exists === false ? (
                               <XCircle className="h-4 w-4 text-red-500 cursor-help" />
                             ) : (