feat(web): add preference for thumbnail playback on hover (#7831)

* feat(web): add preference for thumbnail playback on hover

* pr feedback, add user settings behavior setting

* user settings consistency

* rename appearance to app settings

* collapse single trash setting into app settings

web/src/lib/components/assets/thumbnail/thumbnail.svelte

@@ -6,6 +6,7 @@
   import { getAltText } from '$lib/utils/thumbnail-util';
   import { timeToSeconds } from '$lib/utils/date-time';
   import { AssetTypeEnum, ThumbnailFormat, type AssetResponseDto } from '@immich/sdk';
+  import { playVideoThumbnailOnHover } from '$lib/stores/preferences.store';
   import {
     mdiArchiveArrowDownOutline,
     mdiCameraBurst,
@@ -194,9 +195,10 @@
           <div class="absolute top-0 h-full w-full">
             <VideoThumbnail
               url={getAssetFileUrl(asset.id, false, true)}
-              enablePlayback={mouseOver}
+              enablePlayback={mouseOver && $playVideoThumbnailOnHover}
               curve={selected}
               durationInSeconds={timeToSeconds(asset.duration)}
+              playbackOnIconHover
             />
           </div>
         {/if}