Improve blob header responsiveness

What does this MR do and why?

Ensures flex items are more efficiently wrapped in the blob header.

There's ample space to fit the Lock, Replace and Delete buttons next to the Edit button in the example below, this MR ensures that we more efficiently wrap the header buttons as we scale down the screen sizes.

Screenshots or screen recordings

before	after
mobile	mobile
desktop	desktop (no change)

How to set up and validate locally

1. Open a file from the repository files browser.
2. Scale down the window size.

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

• I have evaluated the MR acceptance checklist for this MR.