Create PageHeader Compose component and templates tab in ADS

[GerardPaligot]

Task/Issue URL: https://app.asana.com/1/137249556945/project/1212015278241917/task/1211670072973939?focus=true

Description

Create DaxPageHeader component in Compose for settings screens.

Steps to test this PR

Check DaxPageHeader

• Open the application
• Go to the ADS screens from developer settings
• Open the "Templates" tab
• Check PageHeaders component follow our actual XML implementation

UI changes

---

Note

Medium Risk
Adds new Compose UI components and a new ADS demo tab, plus significantly broadens the custom lint detector logic for DaxText color validation, which could introduce new/changed warnings in builds.

Overview
Adds new Compose UI templates: DaxPageHeader (optional icon/subtitle/body/status/learn-more) and a supporting DaxStatusIndicator/Status enum, with previews.

Extends the ADS demo by adding a new Templates tab (TemplatesFragment/TemplatesPane) to showcase DaxPageHeader, and refactors compose view setup by introducing a ComposeView.setupThemedComposeView helper.

Updates the custom lint rule InvalidDaxTextColorUsage to allow DuckDuckGoTheme.colors.text (and legacy textColors), allow theme static colors, and validate colors referenced via defaults objects; baselines are adjusted accordingly and tests are expanded to cover the new acceptance rules.

^{Written by Cursor Bugbot for commit a918eea. This will update automatically on new commits. Configure here.}

[GerardPaligot]

• Create PageHeader Compose component and templates tab in ADS #7625 👈 (View in Graphite)
• Add learn more translation in ADS module for Page Header component #7624
• develop

This stack of pull requests is managed by Graphite. Learn more about stacking.

[cursor]

Cursor Bugbot has reviewed your changes and found 1 potential issue.

Autofix Details

Bugbot Autofix prepared a fix for the issue found in the latest run.

• ✅ Fixed: Unescaped dots in regex pattern cause incorrect matching
  • Escaped COLOR_THEME_PACKAGE with Regex.escape before building the import regex so package dots are treated as literals.

Or push these changes by commenting:

@cursor push eb6c5c9c79

Preview (eb6c5c9c79)

diff --git a/lint-rules/src/main/java/com/duckduckgo/lint/ui/DaxTextColorUsageDetector.kt b/lint-rules/src/main/java/com/duckduckgo/lint/ui/DaxTextColorUsageDetector.kt
--- a/lint-rules/src/main/java/com/duckduckgo/lint/ui/DaxTextColorUsageDetector.kt
+++ b/lint-rules/src/main/java/com/duckduckgo/lint/ui/DaxTextColorUsageDetector.kt
@@ -165,8 +165,9 @@
             identifier: String,
         ): Boolean {
             if (fileText.isBlank()) return false
+            val escapedThemePackage = Regex.escape(COLOR_THEME_PACKAGE)
             val escapedIdentifier = Regex.escape(identifier)
-            val importRegex = Regex("""import\s+$COLOR_THEME_PACKAGE\.$escapedIdentifier(\s+as\s+\w+)?""")
+            val importRegex = Regex("""import\s+$escapedThemePackage\.$escapedIdentifier(\s+as\s+\w+)?""")
             return importRegex.containsMatchIn(fileText)
         }

[mikescamell]

❤️

[mikescamell]

LGTM, awesome work!

I think we should address the comments I made but approving not to block after the changes have been made.

[cursor]

Cursor Bugbot has reviewed your changes and found 1 potential issue.

Bugbot Autofix prepared a fix for the issue found in the latest run.

• ✅ Fixed: Lint rule substring match allows non-text color paths
  • I changed the semantic path check to require DuckDuckGoTheme.colors.text. so textField and other non-text paths no longer match.

Or push these changes by commenting:

@cursor push cfdd74247c

Preview (cfdd74247c)

diff --git a/lint-rules/src/main/java/com/duckduckgo/lint/ui/DaxTextColorUsageDetector.kt b/lint-rules/src/main/java/com/duckduckgo/lint/ui/DaxTextColorUsageDetector.kt
--- a/lint-rules/src/main/java/com/duckduckgo/lint/ui/DaxTextColorUsageDetector.kt
+++ b/lint-rules/src/main/java/com/duckduckgo/lint/ui/DaxTextColorUsageDetector.kt
@@ -87,7 +87,7 @@
         private fun containsSemanticThemeColorPath(source: String): Boolean {
             return source.contains("DuckDuckGoTheme.textColors") || // legacy
                 source.contains(".textColors.") ||
-                source.contains("DuckDuckGoTheme.colors.text") || // preferred
+                source.contains("DuckDuckGoTheme.colors.text.") || // preferred
                 source.contains(".colors.text.")
         }