Image is sent as `m.file` instead of `m.image`

[babolivier]

Steps to reproduce

1. Copy an image into my clipboard
2. Paste it into a room

Outcome

What did you expect?

Image is sent as m.image

What happened instead?

Image is sent as m.file:

{
  "content": {
    "body": "image.png",
    "info": {
      "mimetype": "image/png",
      "size": 45208
    },
    "msgtype": "m.file",
    "url": "mxc://element.io/8b9407d60f55d53d4553a1af45a20727f0d6286b"
  },
  "origin_server_ts": 1663148978323,
  "sender": "@babolivier:element.io",
  "type": "m.room.message",
  "unsigned": {
    "age": 114,
    "transaction_id": "m1663148978248.117"
  },
  "event_id": "$mYbk-1efCZxAXG9bACJxw8NqrLRZ6U0xUx4_kRK_lG8",
  "room_id": "!ehXvUhWNASUkSLvAGP:matrix.org"
}

Operating system

Arch Linux

Browser information

Firefox 104.0.2

URL for webapp

develop.element.io

Application version

Element version: 60157ff-react-236ca2e494db-js-59c82cb67972, olm version: 3.2.12

Homeserver

element.io

Will you send logs?

Yes

[t3chguy]

2022-09-14T09:49:38.044Z E invalid 'instanceof' operand window.OffscreenCanvas
createThumbnail@https://develop.element.io/bundles/a5471be978c39712ef35/init.js:94440:7
infoForImageFile@https://develop.element.io/bundles/a5471be978c39712ef35/init.js:65099:70