feat: Add image cropping tool for profile pictures

[Nokx1z]

Problem or use case

Add image cropping functionality when uploading or updating a profile picture.

Motivation / Use Case

Currently, when uploading a profile picture, users cannot adjust the framing or orientation. This can lead to distorted, improperly cropped, or badly aligned avatars. Allowing users to crop their image before saving improves the overall user experience (UX).

Proposed solution

Suggested Behavior

1. The user selects an image for their profile picture.
2. A modal or preview interface opens with a cropping tool (with a 1:1 circular or square aspect ratio).
3. The user adjusts the framing (zoom, position, rotation).
4. Upon confirmation, only the processed/cropped image is uploaded and saved.

Alternatives considered

No response

Affected area

Timer

Why this matters for speedcubing

It improves the user experience.

Mockups or references

No response

Checks

• I searched existing issues and discussions and did not find a duplicate.
• I would be willing to help implement this feature.

[bryanlundberg]

How is it going? Do you need help or some recommendation @Nokx1z ?