[🚀 | Feature request]: File viewer for common files

[mmmarcos]

See #8514 for details

For this issue, the files concerned are the most common file types:

• Images that can natively be displayed in a browser (png, jpeg, gif, webp, svg, ...)
• Video that can natively be played in a browser (mp4, webm, ...)
• Audio that can natively be played in a browser (mp3, wav, ...)
• Text and code formats (XML, txt, cpp, ...)
• Xlsx as it is the most common spreadsheet file
• Docx as it is the most common editable document file.
• Pdf as it is the most common document file

TODO:

• Mock-ups for viewers
• Read the content of a file when trying to open it. Tested in [MS] Simple file viewers #8837
• Detect a file type to be able to use the right component. Done in 8853 using https://www.npmjs.com/package/file-type.
• Dispatch to the right component for each file. Tested in [MS] Simple file viewers #8837
• Mock the files in web mode to ease debugging/dev
• Feature to open the file outside Parsec with the default app
• Setting to bypass viewers in desktop mode
• Develop technical components & features: [MS] File viewer specifications #9011
• [MS] (File viewer) Handle conversion or display errors #9052
• [MS] (File viewer) Specific viewer for images + tests #9053
• [MS] (File viewer) Specific viewer for video + tests #9054
• [MS] (File viewer) Specific viewer for audio + tests #9055
• [MS] (File viewer) Specific viewer for text format using Monaco + tests #9057
• [MS] (File viewer) Specific viewer for Xlsx using sheetjs + tests #9058
• [MS] (File viewer) Specific viewer for Docx using mammothjs + tests #9059
• [MS] (File viewer) Specific viewer for PDF + tests #9061
• [MS] (File viewer) Performance tests + optimization #9060