🐛 PNG export problem

[AntoLC]

Bug Report

Some PNG seems to not display correctly during the export.

Problematic PNG:

[rvveber]

Extra info to solve this issue:

[virgile-dev]

A teacher using Docs sent me a doc, these 4 images fail to display on a PDF export. I was able to replicate the bug.

[magopian]

There seems to be two different problems:

• original image: PNG export might raise the following logs (and fail):
  [browser] too many arguments provided for a function call (src/features/docs/doc-export/components/ModalExport.tsx:160:43)

• @virgile-dev's comment: those four images are WebP which isn't a format supported by react-pdf/renderer (the issue tracking this)
  browser] Invalid blob type: image/webp (src/features/docs/doc-export/components/ModalExport.tsx:160:43)

Those two issues could be fixed at the same time using a trick: converting any raster format (png, webp, jpeg...) to a PNG data URL via the browser's canvas. This way any raster image supported by the browser should be correctly exported to the PDF file.