Make blob header bar sticky to the top of the page when user scrolls
<!--IssueSummary start-->
<details>
<summary>
Everyone can contribute. [Help move this issue forward](https://handbook.gitlab.com/handbook/marketing/developer-relations/contributor-success/community-contributors-workflows/#contributor-links) while earning points, leveling up and collecting rewards.
</summary>
- [Collaborate/take over this issue](https://contributors.gitlab.com/manage-issue?action=work&projectId=278964&issueIid=589939)
</details>
<!--IssueSummary end-->
# Context
See https://gitlab.com/gitlab-org/gitlab/-/issues/585563#note_3080758879
This is a nice-to-have feature enhancement. Make the blob header sticky so users always have access to buttons like the inline Blame button when they scroll through large files.
# Design proposal
1. When users scroll, make the the blob header sticky to the top of the page so users can always access blob functions like the inline Blame button.
2. When the blob header is sticky to the top of the page, remove the border-radius.
<table>
<tr>
<th>Current</th>
<th>Proposed</th>
</tr>
<tr>
<td>
{width="900" height="569"}
* Blob header disappears above the fold
</td>
<td>
{width="900" height="567"}
* Blob header is sticky
* Border radius removed when sticky
</td>
</tr>
</table>
issue