feat: extract first frame from gif, so space image cropping works fla…

[AlexAndBear]

…wless

Description

Related Issue

• Fixes <issue_link>

How Has This Been Tested?

• test environment:
• test case 1:
• test case 2:
• ...

Types of changes

• Bugfix
• Enhancement (a change that doesn't break existing code or deployments)
• Breaking change (a modification that affects current functionality)
• Technical debt (addressing code that needs refactoring or improvements)
• Tests (adding or improving tests)
• Documentation (updates or additions to documentation)
• Maintenance (like dependency updates or tooling adjustments)

[Copilot]

Pull Request Overview

This PR adds support for extracting the first frame from GIF files so that the space image cropper can operate on a static image. Key changes include:

• Introducing extractFirstFrameFromGif to convert GIFs into a single-frame PNG blob.
• Updating the onMounted hook to conditionally extract the first frame for GIFs before creating the object URL.
• Minor reordering of Vue imports.

Comments suppressed due to low confidence (1)

packages/web-pkg/src/components/Spaces/SpaceImageModal.vue:115

• Consider adding unit tests for extractFirstFrameFromGif to verify it correctly handles valid GIFs, rejects on errors, and produces a valid PNG blob.

const extractFirstFrameFromGif = (file: File): Promise<Blob> => {

[kulmann]

Wow, this works really, really well. Thank you for "fixing" this detail! 😍

[ScharfViktor]

We set the first frame from the .dif and it works, but the users don't get what they want when they upload the .dif (we have no animation).

maybe is better way to disallow uploading .dif?