fix(contacts): Fix scrolling and cleanup description display

- Add CSS override to enable scrolling on Contact Management pages
  (override global overflow: hidden from style.css)
- Move cleanup description to tooltip on info icon for consistency
  with Manual approval toggle pattern
- Add flexbox layout to cleanup section h6 for proper icon alignment

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

app/templates/contacts-manage.html

@@ -39,8 +39,14 @@
 
     <!-- Cleanup Inactive Contacts Section -->
     <div class="cleanup-section">
-        <h6><i class="bi bi-trash"></i> Cleanup Inactive Contacts</h6>
-        <p class="small text-muted mb-3">Remove contacts that haven't sent an advertisement in a specified time period.</p>
+        <h6>
+            <i class="bi bi-trash"></i>
+            <span>Cleanup Inactive Contacts</span>
+            <i class="bi bi-info-circle info-icon"
+               data-bs-toggle="tooltip"
+               data-bs-placement="top"
+               title="Remove contacts that haven't sent an advertisement in a specified time period"></i>
+        </h6>
         <div class="mb-3">
             <label for="inactiveHours" class="form-label">Remove contacts inactive for:</label>
             <div class="input-group">

app/templates/contacts_base.html

@@ -311,6 +311,18 @@
         .cleanup-section h6 {
             color: #856404;
             margin-bottom: 0.75rem;
+            display: flex;
+            align-items: center;
+            gap: 0.5rem;
+        }
+
+        /* Override global overflow: hidden from style.css for Contact Management pages */
+        html, body {
+            overflow: auto !important;
+        }
+
+        main {
+            overflow: auto !important;
         }
 
         /* Mobile responsiveness */