feat: truncate long text in menu items

[LappiLappland]

The basics

• I validated my changes

The details

Resolves

Fixes #9930

Proposed Changes

In MenuItem truncate text if it is longer than maxDisplayLength. Bind tooltip to element if text got truncated

Behaviour is similar to existing code in Field -> defining max length and manually truncating text

Does not truncate text if HTML element was passed. The default value of 50 is consistent with existing limits used elsewhere (Tooltip limit, Field limit)

Existing tooltips API is used to display tooltip text

Reason for Changes

Options' text in some menus (context menus, variable menu) is determined by user input. Dynamic options for variable/procedure names can span beyond screen

Test Coverage

Added 2 tests to menu_item_test.js

1. Verify that long text gets truncated and binds tooltip
2. Verify that short text does not get truncated and doesn't bind tooltip

Documentation

Additional Information