fix: markdown editor, adjust word break

[AlexAndBear]

Description

before

---

after adjusting

Related Issue

• Fixes Words are cut off on small screens #971

How Has This Been Tested?

• test environment:
• test case 1:
• test case 2:
• ...

Types of changes

• Bugfix
• Enhancement (a change that doesn't break existing code or deployments)
• Breaking change (a modification that affects current functionality)
• Technical debt (addressing code that needs refactoring or improvements)
• Tests (adding or improving tests)
• Documentation (updates or additions to documentation)
• Maintenance (like dependency updates or tooling adjustments)

[Copilot]

Pull Request Overview

This pull request fixes word breaking behavior in the markdown editor to prevent text overflow issues. The change improves text wrapping in the preview pane by adding CSS styling to break long words appropriately.

• Adds CSS rule to enforce word breaking in markdown editor preview
• Reorders import statements for consistency

[Copilot]

[nitpick] Using !important should be avoided when possible as it makes CSS harder to maintain and override. Consider using more specific selectors or restructuring the CSS hierarchy to achieve the desired specificity without !important.

Suggested change

	&-preview > * {
	word-break: break-word !important;
	#text-editor-container .md-editor-preview > * {
	word-break: break-word;