Add hover titles to more truncated rows

Continuing the truncate-cell tooltip pass:

  - Audit Webhooks panel: each configured webhook URL was rendered
    with `truncate` and no title, so a long endpoint URL clipped past
    the visible card width with no way to read the rest.
  - SSO Providers panel: provider name and summary lines used
    `truncate` without a title, so a long display name or summary
    became unreadable in the row.

Add `title` attributes mirroring the visible content on each so hover
reveals the full string. Same shape as the Alert History fix in the
previous commit.

frontend-modern/src/components/Settings/AuditWebhookPanel.tsx

@@ -109,7 +109,9 @@ export const AuditWebhookPanel: Component<AuditWebhookPanelProps> = (props) => {
                       <div class={AUDIT_WEBHOOK_ENDPOINT_ICON_CLASS}>
                         <ExternalLink size={16} />
                       </div>
-                      <span class="text-sm font-medium text-base-content truncate">{url}</span>
+                      <span class="text-sm font-medium text-base-content truncate" title={url}>
+                        {url}
+                      </span>
                     </div>
                     <button
                       onClick={() => handleRemoveWebhook(url)}

frontend-modern/src/components/Settings/SSOProvidersPanel.tsx

@@ -132,14 +132,16 @@ export const SSOProvidersPanel: Component<SSOProvidersPanelProps> = (props) => {
                       </div>
                       <div class="min-w-0">
                         <div class="flex items-center gap-2">
-                          <span class="font-medium text-base-content truncate">
+                          <span class="font-medium text-base-content truncate" title={provider.name}>
                             {provider.name}
                           </span>
                           <span class={getSSOProviderTypeBadgeClass()}>
                             {getSSOProviderTypeLabel(provider.type)}
                           </span>
                         </div>
-                        <p class="text-xs text-muted truncate">{getSSOProviderSummary(provider)}</p>
+                        <p class="text-xs text-muted truncate" title={getSSOProviderSummary(provider)}>
+                          {getSSOProviderSummary(provider)}
+                        </p>
                       </div>
                     </div>
                     <div class="flex items-center gap-2 self-end sm:self-auto">