BC-7131 - Fix board title usability issues

[NFriedo]

Short Description

This PR improves the usability of the board, esp. the column and board title

Links to Ticket and related Pull-Requests

BC-7131

Changes

Board title + Column title:

• When selecting via keyboard focus is visually indicated and when hitting enter it switches to edit mode
• 3dot menu displays option "Rename" instead of "Edit" and Icon "RenameOutline"
• When hovering over board title in view mode cursor is pointer

Board title + Column title + Card title:

• placeholder text in placeholder color
• placeholder text says: "Titel hinzufügen"
• placeholder text is only visible in edit mode
• if board title is empty it is automatically named "Kurs-Board",
• column title + card title can be empty (view mode)

Other small adjustments:

• 3dot menu of card is displayed when card is focused via keyboard in view mode
• notification alert "The connection has been restored." is now green (success) and not blue (info)
• "Add column" button is variant="text" now

Data-security

Deployment

New Repos, NPM packages or vendor scripts

Screenshots of UI changes

Checklist before merging

• QA: In addition to review, the code has been manually tested (if manual testing is possible)
• PO: Any deviation from requirements was agreed with Product-Owner / ticket author / support-team
• DEV: Every new component is implemented having accessibility in mind (e.g. aria-label, role property)

Notice: Please keep this Pull-Request as a Draft (or add WIP label), until it is ready to be reviewed

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
100.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud