Implementation of a render image dialog

[simonbethke]

I created a simple image export dialog with the goal, to support larger resolutions than the viewport of my browser. By doing that, I found that I could/should include more settings that have been copied from the video-export code.

[simonbethke]

The alignment of the dialog items is still bad, but I am not sure what your best practice is.
I am not sure if the old quick screenshot should still exist. The Render Menu could have two different render image items. Also the quick image could have a distinct shortcut.

[Copilot]

Pull Request Overview

This PR introduces an image export dialog to enable rendering images at resolutions larger than the viewport while reusing parts of the video export settings.

• Updates the menu to trigger the new image settings dialog.
• Adds a new ImageSettingsDialog component with associated localization strings.
• Integrates the image settings dialog into the editor and updates the render logic to process the provided image settings.

Reviewed Changes

Copilot reviewed 6 out of 8 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
src/ui/menu.ts	Updated the onSelect handler to invoke the image settings dialog.
src/ui/localization.ts	Added new localization keys for the image settings dialog and render menu.
src/ui/image-settings-dialog.ts	Introduces the UI component for image export settings.
src/ui/editor.ts	Integrates the image settings dialog and its event handling.
src/render.ts	Updates the render.image event to use offscreen rendering based on custom image settings.
src/editor.ts	Adds an event to expose the scene's targetSize for the image settings dialog.

Files not reviewed (2)

• src/ui/scss/settings-dialog.scss: Language not supported
• submodules/supersplat-viewer: Language not supported

Comments suppressed due to low confidence (2)

src/ui/image-settings-dialog.ts:107

• [nitpick] Since this dialog is specifically for image settings, consider using image-specific localization keys (e.g., 'image.cancel' and 'image.ok') for the dialog actions to avoid potential confusion.

text: localize('render.cancel')

src/render.ts:47

• [nitpick] Consider renaming 'postRender' to 'waitForPostRender' to reflect that it awaits the completion of the render event, thereby improving code clarity.

const postRender = () => {