chore: Replace typography component round 2: BED-7561

[jvacca-specterops]

Description

Describe your changes in detail

Converting MUI Typography components to our new DoodleUI Typography component. I missed a few in the first round which are being addressed here.

Motivation and Context

Resolves BED-7561

Why is this change required? What problem does it solve?

Eliminates MUI Typography component from the code base in favor of our own custom DoodleUI component.

How Has This Been Tested?

Please describe in detail how you tested your changes.
Include details of your testing environment, and the tests you ran to
see how your change affects other areas of the code, etc.

• Tested visually in browser
• All existing unit tests are passing

Screenshots (optional):

Screenshots in ticket

Types of changes

• Chore (a change that does not modify the application functionality)
• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)
• Database Migrations

Checklist:

• I have met the contributing prerequisites
  • Assigned myself to this PR
  • Added the appropriate labels
  • Associated an issue: Issues and Pull Requests README #672
  • Read the Contributing guide: https://github.com/SpecterOps/BloodHound/wiki/Contributing
• I have ensured that related documentation is up-to-date
  • Open API docs
  • Code comments (GoDocs / JSDocs)
• I have followed proper test practices
  • Added/updated tests to cover my changes
  • All new and existing tests passed

Summary by CodeRabbit

Release Notes

• Refactor

  • Updated component import sources for consistent UI styling across help text and edge information displays.

• Style

  • Typography styling adjustments for improved visual consistency.

• Tests

  • Updated test assertions for standardized text formatting.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Repository YAML (base), Organization UI (inherited)

Review profile: CHILL

Plan: Pro

Run ID: 5b335bbc-8d6d-4682-87d5-5cb26aafbc7a

📥 Commits

Reviewing files that changed from the base of the PR and between c047b0c and c580311.

📒 Files selected for processing (5)

• packages/javascript/bh-shared-ui/src/components/HelpTexts/ForceChangePassword/Opsec.tsx
• packages/javascript/bh-shared-ui/src/components/HelpTexts/WriteDacl/Opsec.tsx
• packages/javascript/bh-shared-ui/src/components/HelpTexts/WriteDacl/WindowsAbuse.tsx
• packages/javascript/bh-shared-ui/src/views/Explore/EdgeInfo/EdgeInfoContent.test.tsx
• packages/javascript/bh-shared-ui/src/views/Explore/EdgeInfo/EdgeInfoContent.tsx

---

📝 Walkthrough

Walkthrough

Multiple components in the shared UI library have their Typography imports migrated from Material-UI to doodle-ui, and typographic apostrophes are replaced with ASCII apostrophes in text content and test assertions.

Changes

Typography Import Migration and Text Normalization

Layer / File(s)	Summary
Import Updates packages/javascript/bh-shared-ui/src/components/HelpTexts/ForceChangePassword/Opsec.tsx, packages/javascript/bh-shared-ui/src/components/HelpTexts/WriteDacl/Opsec.tsx, packages/javascript/bh-shared-ui/src/components/HelpTexts/WriteDacl/WindowsAbuse.tsx, packages/javascript/bh-shared-ui/src/views/Explore/EdgeInfo/EdgeInfoContent.tsx	Typography import moved from @mui/material to doodle-ui across four files. In WindowsAbuse.tsx, imports are split so Link remains from @mui/material.
Content and Rendering Adjustments packages/javascript/bh-shared-ui/src/views/Explore/EdgeInfo/EdgeInfoContent.tsx	Typographic apostrophe in hidden-edge disclosure message changed to ASCII apostrophe. Edge name rendering switched from Typography-wrapped to plain <strong> element in non-hidden path.
Test Assertions packages/javascript/bh-shared-ui/src/views/Explore/EdgeInfo/EdgeInfoContent.test.tsx	Hidden-edge test expectation updated to use ASCII apostrophe to match component output.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly and specifically describes the main change: replacing MUI Typography components with DoodleUI, round 2, with the associated ticket BED-7561.
Description check	✅ Passed	The description fully addresses all required template sections: detailed change description, motivation/context with ticket number, testing methodology, change type selection, and completed checklist items.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch BED-7561-replace-typography-rnd2

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}