feat(chats): Allow image copy

[Flemmli97]

What this PR does 📖

• Allows copying image in chats when right clicking on it

Which issue(s) this PR fixes 🔨

• Resolve improvement(chats): context menu for image messages should give option to copy image and copy text #590

Special notes for reviewers 🗒️

Browsers (or at least safari) dont seem to allow writing to the clipboard and there is no permission request for that afaik. Because of this copying anything other than text seems to not be possible.

[github-actions]

Download the app installers for this pull request:

• build-macos.zip
• build-ubuntu.zip
• build-android.zip
• build-windows.zip

[github-actions]

Automated Test Results

 110 passed
 15 skipped

Details

 125 tests across 16 suites
 13 minutes, 30 seconds
 e9bdbe6

Skipped tests

Automated Tests on Chrome Desktop › 03-friends-two-instances.spec.ts › Two instances tests - Friends and Chats › B8 to B14 - Quick Profile Local and Remote - Updating note
Automated Tests on Chrome Desktop › 03-friends-two-instances.spec.ts › Two instances tests - Friends and Chats › B8 to B14 - Quick Profile Local - Updating username, status, banner and profile picture
Automated Tests on Chrome Desktop › 03-friends-two-instances.spec.ts › Two instances tests - Friends and Chats › B8 to B14 - Quick Profile Remote - Updating username, status, banner and profile picture
Automated Tests on Chrome Desktop › 09-settings-customizations.spec.ts › Settings Customization Tests › K2 - Font dropdown should show expected font names
Automated Tests on Chrome Desktop › 09-settings-customizations.spec.ts › Settings Customization Tests › K15 - Emoji Font dropdown should show expected emoji font names
Automated Tests on Chrome Desktop › 09-settings-customizations.spec.ts › Settings Customization Tests › K18 - Default Profile Picture Style dropdown should show expected default profile picture styles
Automated Tests on Chrome Desktop › 13-settings-keybinds.spec.ts › Settings Keybinds Tests › O1, 06 - Message at top of page and custom keybinds listed correctly
Automated Tests on Chrome Desktop › 13-settings-keybinds.spec.ts › Settings Keybinds Tests › O2, 04 - Clicking a key should activate the Recorded Keys - User can save keybind
Automated Tests on Chrome Desktop › 13-settings-keybinds.spec.ts › Settings Keybinds Tests › O3 - Action dropdown should display correct keybind actions
Automated Tests on Chrome Desktop › 13-settings-keybinds.spec.ts › Settings Keybinds Tests › O5 - Clicking Cancel should cancel any custom keybinding the user was trying to add
Automated Tests on Chrome Desktop › 13-settings-keybinds.spec.ts › Settings Keybinds Tests › O7 - Highlighted border should display when user clicks cancel
Automated Tests on Chrome Desktop › 13-settings-keybinds.spec.ts › Settings Keybinds Tests › O8 - Clicking Revert Keybindings should revert any custom keybindings the user has saved
Automated Tests on Chrome Desktop › 13-settings-keybinds.spec.ts › Settings Keybinds Tests › O9 - Highlighted border should be displayed when clicking Revert Keybindings
Automated Tests on Chrome Desktop › 13-settings-keybinds.spec.ts › Settings Keybinds Tests › O10 - Clicking the backwards arrow should revert specific custom keybinding
Automated Tests on Chrome Desktop › 20-settings-developer.spec.ts › Settings Developer Tests › T4 - Clicking Clear State should clear users state

[github-actions]

Automated tests execution is complete! You can find the Playwright test report here and the Allure Test Report here

[phillsatellite]

I've done some testing with Sara and were having a few issues

We cant get copy image to work in general. Whenever I click copy an error appears in the logs and then when we try to paste nothing pastes

Sara was able to get a notification that asked her for permission to be able to copy images but I never received that notification. This was tested on Chrome and Brave

Screen_Recording_2024-10-04_at_6.12.43_PM.mov

[Flemmli97]

seems it only supports png writes to clipboard. so i changed it to always write as png

[phillsatellite]

Ive tried retesting with the latest and still having some issues

I tried png, jpg, jpeg, webp and still seems to not work. I noticed the error changed now as well I posted the new error below

Screen.Recording.2024-10-07.at.12.57.03.PM.mov

[stavares843]

same here

[lgmarchi]

Make a relevant question about image types.

[phillsatellite]

Whatever I copy I cant paste it in Uplink but otherwise it does seem to be working. Will approve

Screen.Recording.2024-10-11.at.12.15.02.PM.mov

[Flemmli97]

Whatever I copy I cant paste it in Uplink but otherwise it does seem to be working. Will approve

Screen.Recording.2024-10-11.at.12.15.02.PM.mov

i think we dont have that feature for chatbar yet. but i tried pasting it elsewhere which worked