[🚀 | Feature request]: Document 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:

• List all features that each viewer should have (zoom, open with the default app, next/previous file, ...).
• Mock-ups for viewers
• Read the content of a file when trying to open it. Tested in [MS] Simple image and video 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 image and video viewers #8837
• Feature to open the file outside Parsec with the default app
• Handle conversion or display errors
• Component for images + tests
• Component for video + tests
• Component for audio + tests
• Component for text format using Monaco + tests
• Component for Xlsx using sheetjs + tests
• Component for Docx using mammothjs + tests
• Component for PDF + tests
• Performance tests + optimization