[BUG]: Screenshot attachments incorrectly displayed in reports

[AdamOakman]

Describe the bug
Screenshots are not properly displayed in reports - it appears as a extension-less file to download

To Reproduce
Put below code in spec file (this was reproduced as part of fixture specifically)

const popupMsgScreenshot = await page.screenshot();
await test.info().attach('Error popup message', {
   body: popupMsgScreenshot,
   contentType: 'image/png'
});

Expected behavior
Screenshot should be properly displayed

Screenshots

Setup information (please complete the following information):
System:
OS: Windows 11 10.0.26100
CPU: (12) x64 Intel(R) Core(TM) i7-10850H CPU @ 2.70GHz
Memory: 7.52 GB / 31.73 GB
Binaries:
Node: 22.16.0 - C:\nvm4w\nodejs\node.EXE
npm: 10.8.2 - ~\AppData\Roaming\npm\npm.CMD
IDEs:
VSCode: 1.100.2 - C:\Program Files\Microsoft VS Code\bin\code.CMD
Languages:
Bash: 5.1.16 - C:\WINDOWS\system32\bash.EXE
npmPackages:
@playwright/test: 1.54.1 => 1.54.1

Additional context
Add any other context about the problem here.

[puagarwa]

Thanks for the request, we will triage and add it in backlog.