fix: [M3-9085] - Miscellaneous masked data bugs and enhancements

[mjac0bs]

Description 📝

This PR fixes a few known bugs:

• In the LKE node pool node row, the visibility icon is unexpectedly small. Note the difference in size from the copy icon and the visibility icon up in the specs section of the cluster details page.
• On the Longview Processes tab, the User column width is so narrow that the default length of masked dots wraps to the next line.
• On the primary domain details page, we're not masking SOA email or A/AAAA record IP addresses when we should be.
• On the IAM landing page, there is a console error about DOM nesting: <p> cannot appear as a descendant of <p> in MaskableText.

This PR also provides one enhancement, which allows the user to toggle the masked data visibility icon for IP addresses on the Linode details page without having to scroll when the addresses are too long for the component. This was especially visible with IPv6 and doing so required a little reworking of how the CopyTooltip was handling masking.

Changes 🔄

• Allow the MaskableText length prop to be any number (in addition to predefined values)
• Add MaskableText to the Email and IP Addresses fields on Domains Details page
• Fix the nesting in the IAM UserRow
• In the LKE node pool row, use a StyledCopyTooltip to resize that svg specifically without resizing the VisibilityIcon, which was a regression
• Update the CopyTooltip props and logic to handle visibility being toggled in an uncontrolled (state managed within CopyTooltip, as before) or controlled (visibility tooltip state managed outside the CopyTooltip) way

Target release date 🗓️

4/22

Preview 📷

Before	After
	Screen.Recording.2025-04-09.at.1.19.03.PM.mov

How to test 🧪

Prerequisites

(How to setup test environment)

• To see the Longview Processes table, you'll need Longview running on a Linode (Docs)
• Enable the 'mask sensitive data' setting via your Profile settings

Reproduction steps

(How to reproduce the issue, if applicable)

• Visit the places mentioned in the description to observe the issues in the Preview "Before" section

Verification steps

(How to verify changes)

• LKE node pool node row: visibility icon is a consistent size and the copy tooltip size is not impacted
• Longview Processes: the masked User data doesn't wrap in the column
• Domain records: email and IP addresses are masked
• No console error about invalid DOM nesting is fixed for MaskableText when it handles JSX children. The IAM UserRow was the only place where I saw this happening.
• Linode details: IP addresses are now a standard length and the visibility icon displays next to the copy icon
• Confirm that there are no regressions to other places the CopyTooltip is used (for example: the IP addresses in the Network tab)

Author Checklists

As an Author, to speed up the review process, I considered 🤔

👀 Doing a self review
❔ Our contribution guidelines
🤏 Splitting feature into small PRs
➕ Adding a changeset
🧪 Providing/improving test coverage
🔐 Removing all sensitive information from the code and PR description
🚩 Using a feature flag to protect the release
👣 Providing comprehensive reproduction steps
📑 Providing or updating our documentation
🕛 Scheduling a pair reviewing session
📱 Providing mobile support
♿ Providing accessibility support

• I have read and considered all applicable items listed above.

As an Author, before moving this PR from Draft to Open, I confirmed ✅

• All unit tests are passing
• TypeScript compilation succeeded without errors
• Code passes all linting rules

[mjac0bs]

The change here was to add the number type to remain consistent with the change to MaskableText.tsx's length prop.

[mjac0bs]

New prop to allow us to use a VisibilityIcon in a parent component to toggle the CopyTooltip's masked state. This was needed for the AccessRow IP addresses, where we have a Stack to group the StyledCopyIcon and the VisibilityIcon next to each other, visible even when there is a scroll bar.

[mjac0bs]

Fixed the issue described for the Longview ProcessesTable.

[pmakode-akamai]

Looking good ✅

[linode-gh-bot]

Cloud Manager UI test results

🎉 540 passing tests on test run #5 ↗︎

❌ Failing	✅ Passing	↪️ Skipped	🕐 Duration
0 Failing	540 Passing	4 Skipped	110m 39s