feat(client): Logical css refactor and writing mode support

What does this merge request do?

This PR refactors CSS styles and some JS positional logic with logical directions. It also adds support to various writing mode and directions in Firefish Client UI. Including:

• Horizontal top-to-bottom left-to-right (LTR) (default, existing work)
• Horizontal top-to-bottom right-to-left (RTL)
• Vertical right-to-left (Vertical-RL) top-to-bottom (LTR)
• Vertical left-to-right (Vertical-LR) top-to-bottom (LTR)

Vertical variants also include an option to enable upright alphanumeric style.

Contribution Guidelines

By submitting this merge request, you agree to follow our Contribution Guidelines

• This closes #10446 (closed) (please substitute the issue number or open a new one unless this is a minor fix/refactor)
• I agree to follow this project's Contribution Guidelines
• I have made sure to test this merge request
• I have made sure to run pnpm run format before submitting this merge request

If this merge request makes changes to API, please update docs/api-change.md

• I updated the document / This merge request doesn't include API changes