🚀 Enhancement: Add `smart` mode to image preview output

### 🔖 Enhancement description

`smart` should be able to find the optimised image format for the coming request by header or other hints. For example, we can serve `AVIF` instead of `Webp` in Chome and the original format should be served if the browser doesn't support `AVIF` and `Webp` ~i.e. IE~

### 🎤 Pitch

By implementing the `smart` mode, we can give the best-fit image format.

### 👀 Have you spent some time to check if this issue has been raised before?

- [X] I checked and didn't find similar issue

### 🏢 Have you read the Code of Conduct?

- [X] I have read the [Code of Conduct](https://github.com/appwrite/.github/blob/main/CODE_OF_CONDUCT.md)