focus project selection on project names instead of path/to/inlang.project to reduce cognitive load

[samuelstroschein]

Context

It's overwhelming to look at the project selection.

• long paths that are hard to read
• paths have duplicate information to project name e.g. website/website.inlang is twice "ah this is the website project"

Proposal

Focus the project selection around project names by giving the path less importance by:

1. Only display the project name in the dropdown selector
2. Put the main focus in the dropdown selector on the project names, not paths
3. Remove {name}.inlang files from the path because every path ends with .inlang and {name} is shown at the beginning. There is no additional value in showing it.

Additional information

• this nudges users to name their projects [to avoid a project, project, project list]. imo this is good
• the proposal aligns with how we use web apps, see the figma screenshot

Tasks

• [ ] (1) only show project name in dropdown selector
• [ ] (2) main focus on project name instead of path in dropdown menu
• [ ] (3) directory path doesn't show {name}.inlang
• [ ] directory path shows dots (../*) to indicate that the path is shortened (see FINK-44)

[NiklasBuchfink]

This is what it looks like now:

Follow up task: We need to update the project names in our monorepo.