feat(web): configure slideshow (#7219)

* feat: configure slideshow delay

* feat: show/hide progressbar

* fix: slider

* refactor: use grid instead of flex

* fix: default delay

* refactor: progress bar props

* refactor: slideshow settings

* fix: enforce min/max value

* chore: linting

---------

Co-authored-by: Jason Rasmussen <jrasm91@gmail.com>

web/src/lib/stores/slideshow.store.ts

@@ -14,6 +14,9 @@ function createSlideshowStore() {
   const slideshowShuffle = persisted<boolean>('slideshow-shuffle', true);
   const slideshowState = writable<SlideshowState>(SlideshowState.None);
 
+  const showProgressBar = persisted<boolean>('slideshow-show-progressbar', true);
+  const slideshowDelay = persisted<number>('slideshow-delay', 5, {});
+
   return {
     restartProgress: {
       subscribe: restartState.subscribe,
@@ -39,6 +42,8 @@ function createSlideshowStore() {
     },
     slideshowShuffle,
     slideshowState,
+    slideshowDelay,
+    showProgressBar,
   };
 }