fix(ui): keep Configure slow queries CTA clickable

Move HelpTooltip off the heading so it cannot cover the CTA, and add
data-testid for the log-source button.

Co-authored-by: Venkat SF <venkatesh.sakamuri@stayflexi.com>

Author: cursoragent

src/components/sections/SlowQueriesSection.jsx

@@ -61,19 +61,22 @@ export default function SlowQueriesSection() {
       ) : !hasLogSource ? (
         <div className={styles.setupCard}>
           <FileText size={32} className={styles.setupIcon} />
-          <h2 className={styles.setupTitle}>
+          <h2 className={styles.setupTitle}>Configure slow queries</h2>
+          <p className={styles.setupCopy}>
             <HelpTooltip content={LOG_SOURCE_HELP}>
-              <span>Configure slow queries</span>
+              <span>
+                Attach a slow-query log source to unlock query trends, per-customer
+                breakdown, and workload analysis.
+              </span>
             </HelpTooltip>
-          </h2>
-          <p className={styles.setupCopy}>
-            Attach a slow-query log source to unlock query trends, per-customer
-            breakdown, and workload analysis. DeepSQL pulls from CloudWatch, S3,
-            Azure Blob, GCP, Datadog, Elasticsearch, or a file you upload.
+            {' '}
+            DeepSQL pulls from CloudWatch, S3, Azure Blob, GCP, Datadog,
+            Elasticsearch, or a file you upload.
           </p>
           <button
             type="button"
             className={styles.setupCta}
+            data-testid="configure-slow-queries"
             onClick={() => setLogSourceModalOpen(true)}
           >
             <FileText size={14} />