[MWPW-204534] Highlight colors and tooltips

[AdobeLinhart]

Updates

• Split lingo highlighting out of the existing MEP toggle into a new dedicated Lingo toggle in the MEP Next overlay Highlight card
• Wire the new Lingo toggle through overlay state, URL/default hydration, and preview-link generation via the new mepLingoHighlight param
• Separate page-update counting so MEP tracks manifest/code/removed-manifest highlights and Lingo tracks only ROC/fallback lingo highlights
• Update highlight styling so lingo ROC/fallback outlines and badges only render when the new Lingo toggle is enabled
• Add outlined circle color-key icons next to each Highlight toggle label so MEP, Lingo, Caas, M@S, and Other Fragments visually match their on-page highlight colors
• Refresh clickable highlight badge link styling so the link icon sits on a primary-colored inset block with a contrasting white SVG, making the edit/action affordance easier to see across MEP, Lingo, Caas, and M@S badges

Instructions

1. Open the page with ?mepnext=on&mep and ?milolibs=[this branch] to load the updated overlay code.
2. Open the MEP overlay (FAB) and expand the Highlight card — confirm it now includes a dedicated Lingo toggle between MEP and Caas.
3. Confirm each Highlight toggle label has an outlined circle color key that matches its corresponding on-page highlight treatment.
4. Turn on MEP only — confirm standard MEP manifest/code highlights render, but lingo ROC/fallback highlights do not.
5. Turn on Lingo — confirm lingo ROC/fallback highlights and badges now render separately from MEP.
6. Turn Lingo back off — confirm the lingo-specific highlights disappear while other enabled highlight types remain unchanged.
7. Turn on any clickable highlight type and confirm the badge link icon now appears on a primary-colored inset block with a visible contrasting SVG.
8. Click the Preview button and confirm the generated URL includes mepLingoHighlight=true when the Lingo toggle is enabled.

Resolves: MWPW-204534

Test URLs:

• Before: https://main--da-cc--adobecom.aem.page/products/photoshop/?mepnext=on&mep
• After: https://main--da-cc--adobecom.aem.page/products/photoshop/?mepnext=on&mep&milolibs=mn-highlight-colors

PSI: https://mn-highlight-colors--milo--adobecom.aem.page/?martech=off

[aem-code-sync]

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch.
In case there are problems, just click the checkbox below to rerun the respective action.

• Re-sync branch

Commits

• 80f0d55 ✅ (latest)
• ea21dc0 ✅
• 059b0b5 ✅
• 41af316 ✅
• 04b9a7d ✅
• 07434e0 ✅
• 432b248 ✅
• b6a2530 ✅
• 5b75f91 ✅
• 5554436 ✅
• 3d116fc ✅

[github-actions]

This pull request is not passing all required checks. Please see this discussion for information on how to get all checks passing. Inconsistent checks can be manually retried. If a test absolutely can not pass for a good reason, please add a comment with an explanation to the PR.