Add preference "AutoPlay GIF"

[akazdayo]

Issue: #1888

Overview

Introduced a new setting in the Preferences menu to toggle "Auto-play GIF". When this setting is disabled, GIF images in the timeline will display as static images by default and will only play when hovered over.

KeyChanges

• Added an "Auto-play GIF" checkbox to the preferences page (default: true)
• When set to false, GIFs are paused using freezeframe.js and show an overlay icon. They will play only on mouse hover.

Problem

• The CSS is applied differently in the stopped and playing states, causing a misalignment.
• Image overflow (side scroll-bar)
• Canvas element border is misalignment.
• Image(contains all image type) aspect ratio is incorrect (Firefox only issue)
• Border radius of canvas element is not applied.
• Image border attributes are overlapping.

[SnowCait]

Sample GIFs

https://nostter.app/nevent1qvzqqqqqqypzqxlwemj4760tc2ysgqmqdu5tt68th2er6gn8xrsjkjlhvtff6gtzqyxhwumn8ghj77tpvf6jumt9qyghwumn8ghj7u3wddhk56tjvyhxjmcqyp7d6cdd5eh0tr65hun96s0c5ut4lsjhemrss59ulp7w7wt8z3e026dj0hs

https://nostter.app/nevent1qvzqqqqqqypzpklxljfjksxn7v308nn3dvctfev8x7j6zygfppsf2e0mz3h4taz2qys8wumn8ghj7un9d3shjtt2wqhxummnw3ezuamfwfjkgmn9wshx5uqpz9mhxue69uhhytntda4xjunp9e5k7qpqpv8t8x8zaxkl4n2hpxf97k04tejgf5mug9aafvtejlcplrcgkm3qjkew2l

[akazdayo]

Fixed "The CSS is applied differently in the stopped and playing states, causing a misalignment."

[akazdayo]

I fixed "Image overflow (side scroll-bar)" and "Canvas element border is misalignment.".

[akazdayo]

Ready for review!

[akazdayo]

New problems

• Image(contains all image type) aspect ratio is incorrect (Firefox only issue)
• Border radius of canvas element is not applied.
• Image border attributes are overlapping.