Streamline mounting of components for file preview components.

Use actions externally.

Use space character for delineating code and headers.

Scroll option is for prose content featuring code blocks.

Add use case for using react-refractor independently.

Use TypeScript API for latest wavesurfer.

Fix first byte not being displayed correctly.

Use height of parent container in waveform canvas.

Use native inputs instead of React for state management.

Ensure styles are consistent per platform.

Make slider more aesthetic.

Whenever seeking stops, immediately update current time display.

Ensure audiofilepreview has legible mobile layout.

Remove scrollbars when showing previews.

Ensure vertical styles are reverted when slider unmounts.

Resort to vanilla styling.

Style range input for firefox.

Add line numbers and highlighting for binary and text file previews.

Use tailwind to define stroke styles.

Use brighter color for active elements.

Add spectrum view.

Add emphasis on play/pause buttons.

Style sliders and add active indicators for interactable components

Include declaration for ColorThief since it is written in JavaScript
only.

Add palette for image previews, ensure colors are still copied over when
selecting elements.

Allow fallback for image data.

Unify audio and video interactivity.

Properly initialize WaveSurfer library.

Use Wavesurfer for reimplementing audio file preview component.

Implement video file preview interactive controls.

Organize controls for image file preview component

Implement components from the ground up using Tailwind styling.