[MVC] Directory and single file pages improvements
Main goals of the redesign is to bring structure the page (title, actions in a consistent place) and to simplify the actions.
The scope of these changes will be to the following pages and their respective epics:
- Directory (/-/tree) https://gitlab.com/groups/gitlab-org/-/epics/13017+
- Blob (single file) (/-/blob) https://gitlab.com/groups/gitlab-org/-/epics/13016+
- Blob edit https://gitlab.com/groups/gitlab-org/-/epics/13020+
- Changes common to pages https://gitlab.com/groups/gitlab-org/-/epics/13018+
There will be changes to mobile updates in the epics as originally highlighted from https://gitlab.com/gitlab-org/gitlab/-/issues/24048+
[](https://youtu.be/4x5wZtvJgmA)
:tv: [YouTube video](https://youtu.be/4x5wZtvJgmA)
## Proposed changes
### Design file
:art: [Figma: Create SSOT Files - Repository](https://www.figma.com/file/eq2nf3B8MhB9xKrC0VzbPf/Repository?type=design&node-id=808%3A226698&mode=design&t=2QM9DkbQpYYKb2JL-1)
### Directory page
| Current | Proposed |
|---------|----------|
|  |  |
### Directory - Mobile improvements
| Current | Proposed | Proposed - Multi level |
|---------|----------|------------------------|
|  | {width="677" height="967"} | {width="675" height="964"} |
### Blob
| Current | Proposed |
|---------|----------|
|  |  |
### Blob - Mobile improvements
| Current - Markdown | Proposed |
|--------------------|----------|
|  |  |
<table>
<tr>
<th>Current - Code</th>
<th>Proposed</th>
</tr>
<tr>
<td>
</td>
<td>
{width=720 height=1028}
{width=266 height=380}
</td>
</tr>
</table>
### Blob edit
| Current | Proposed |
|---------|----------|
|  |  |
epic