fix: доработки слайдера и просмотрщика

- case-media-slider: обрамление+hover как у карточек, стрелки только при наведении (fade-in),
  группа пред/след-пилюля в правом нижнем углу, disabled-кнопки видны (не скрываются),
  убран border-radius у img/figcaption (скругление у viewport), неактивные слайды не скрываются
  visibility (нет 'дырки' при перелистывании), настраиваемая ширина --wide/--content/--natural
- image-load-placeholder: исключён .case-media-slider (нет блика/серого фона)
- icon-press: универсальный эффект 'продавливания' иконки при нажатии (.icon-press + :active/.is-pressed),
  применён к слайдеру и всем кнопкам просмотрщика

src/pages/cases/template-elements-demo.html

@@ -264,13 +264,15 @@
                 <img src="{{assetPrefix}}assets/template-elements-demo/slider-demo-4.webp" alt="Слайдер, кадр 4" loading="lazy" decoding="async" data-image-viewer />
               </div>
             </div>
+            <div class="case-media-slider__nav-group">
+              <button type="button" class="case-media-slider__nav case-media-slider__nav--prev" data-slider-prev aria-label="Предыдущее изображение">
+                <span class="case-media-slider__nav-ico case-media-slider__nav-ico--left icon-press" aria-hidden="true"></span>
+              </button>
+              <button type="button" class="case-media-slider__nav case-media-slider__nav--next" data-slider-next aria-label="Следующее изображение">
+                <span class="case-media-slider__nav-ico case-media-slider__nav-ico--right icon-press" aria-hidden="true"></span>
+              </button>
+            </div>
           </div>
-          <button type="button" class="case-media-slider__nav case-media-slider__nav--prev" data-slider-prev aria-label="Предыдущее изображение">
-            <span class="case-media-slider__nav-ico case-media-slider__nav-ico--left" aria-hidden="true"></span>
-          </button>
-          <button type="button" class="case-media-slider__nav case-media-slider__nav--next" data-slider-next aria-label="Следующее изображение">
-            <span class="case-media-slider__nav-ico case-media-slider__nav-ico--right" aria-hidden="true"></span>
-          </button>
           <div class="case-media-slider__dots" data-slider-dots role="tablist" aria-label="Выбор изображения">
             <button type="button" class="case-media-slider__dot" data-slider-dot aria-label="Перейти к изображению 1"></button>
             <button type="button" class="case-media-slider__dot" data-slider-dot aria-label="Перейти к изображению 2"></button>