Edit image drawer errors when opening SVGs

[licitdev]

Describe the Bug

The image edit drawer gets stuck in loading with an error when opened from the image interface, if image is an SVG.

Screen.Recording.2022-09-08.at.12.34.38.AM.mov

To Reproduce

Click the Edit Image button on the image interface with a SVG image value.

Errors Shown

Uncaught (in promise) SyntaxError: Invalid arguments (at message-compiler.esm-bundler.js:32:19)
    at createCompileError (message-compiler.esm-bundler.js:32:19)
    at createCoreError (core-base.esm-bundler.js:324:12)
    at parseNumberArgs (core-base.esm-bundler.js:927:15)
    at number (core-base.esm-bundler.js:855:46)
    at vue-i18n.esm-bundler.js:391:40
    at wrapWithDeps (vue-i18n.esm-bundler.js:325:23)
    at Proxy.n (vue-i18n.esm-bundler.js:391:16)
    at image-editor.vue:109:9
    at renderFnWithContext (runtime-core.esm-bundler.js:853:21)
    at renderSlot (runtime-core.esm-bundler.js:2968:55)

What version of Directus are you using?

9.17.4

What version of Node.js are you using?

v16

What database are you using?

SQLite

What browser are you using?

Chrome

How are you deploying Directus?

running locally