[FEATURE] Improve Timeline Element Visual Display - Tile/Repeat Instead of Stretch

Problem

📝 Description
Currently, when extending the duration of image and video elements in the timeline by dragging, the thumbnails get stretched to cover the full timeline length. This creates a distorted and unprofessional appearance.

This enhancement changes the behavior to tile/repeat the media thumbnails instead of stretching them, similar to professional video editing software.

🎯 Current Behavior
Images: [====stretched image====] - Image gets distorted when timeline element is extended
Videos: [====stretched thumbnail====] - Video thumbnail gets stretched across the timeline
✨ Proposed Enhancement
Images: [img][img][img][img] - Image repeats/tiles across the timeline length
Videos: [frame][frame][frame][frame] - Multiple thumbnail frames displayed like professional video timelines

Solution

🔧 Implementation Details
The enhancement calculates the optimal number of tiles/frames based on:

Element width in timeline
Media aspect ratio (16:9 default)
Fixed timeline element height (40px)

Alternative

Before

Affter

Anything else?

No response

No file or test is named in the issue. Start by locating the TypeScript timeline element renderer and its image/video thumbnail sizing logic; done means extended elements show repeated tiles or frames at the fixed height without stretched media.