Handle .avif like an image
<!--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>
- [Close this issue](https://contributors.gitlab.com/manage-issue?action=close&projectId=278964&issueIid=428012)
</details>
<!--IssueSummary end-->
### Summary
The [``.avif``](https://en.wikipedia.org/wiki/AVIF) file extension is currently not recognized as image format/container
### Steps to reproduce
* Upload an AVIF file
### Example Project
https://gitlab.com/AB-xdev/avif-demo
### What is the current *bug* behavior?
* AVIF files are handled like a blob
* Files are not displayed in markdown as a HTML page is returned for the file
### What is the expected *correct* behavior?
* AVIF files should be handled like images (e.g. png or gif)
* AVIF are correctly displayed like e.g. on [GitHub](https://github.com/AB-xdev/avif-demo) or inside VS Code's Markdown preview
### Relevant logs and/or screenshots
<details><summary>Click to expand</summary>


For comparison when using e.g. VS Code AVIFs are displayed correctly inside markdown:

</details>
### Output of checks
This bug happens on GitLab.com and self-hosted instances.
issue