[jay23606]

Description

Open the mobile bottom drawer as a native modal dialog so it receives focus, traps interaction, and exposes an accessible name to assistive technology. The menu drawer now uses its title when available and a translated “Menu” label otherwise.

Related Issue

• Fixes Bottom drawers of OcDrop are not modal and don't take the focus #3638

How Has This Been Tested?

• test environment: Node.js 22.21.0, pnpm 11.28.5, Windows
• test case 1: Added tests verify the drawer opens with showModal(), has an accessible name, and closes when the active state changes.
• test case 2: Added tests verify the mobile menu passes its title and uses a translated fallback label.
• test case 3: Regression gate: the new tests failed on clean base twice and passed on the fix twice.
• test case 4: Focused component tests (15 passed); design-system unit suite (487 passed); pnpm check:types passed; changed-file Prettier passed; changed-file ESLint reported zero errors and one existing warning.
• Note: the root lint command's Windows glob and the project-wide format check also fail on the clean base.

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)
• Maintenance (like dependency updates or tooling adjustments)

[JammingBen]

This PR introduces 2 issues:

1. the dim is cut of on the right side, see:

2. Modals are now behind the bottom drawer: click on a 3-dots-menu for any resource, click "Share" and then "Add link". The modal should be at the very top.

[JammingBen]

Thanks!