Update pnpm-lock.yaml for Radix UI package versions and enhance popover styling in CSS

Updated the pnpm-lock.yaml to override versions of '@radix-ui/react-dismissable-layer' and '@radix-ui/react-focus-scope' to their latest releases. Enhanced the CSS for popover components by introducing a new '.crt-popover' class for improved styling, ensuring a more distinct appearance over other content. Refactored related components to utilize the new class, improving visual consistency across the application.

frontend/src/features/admin/images/GalleryPanel.tsx

@@ -1,20 +1,16 @@
-import { useTranslation } from 'react-i18next'
 import { GalleryBrowser } from './ImageGallery'
 
 /**
  * Отдельная страница «Галерея»: просмотр/загрузка/удаление всех изображений приложения.
  *
- * Страница занимает экран целиком и сама не прокручивается: списка на сотни картинок здесь нет
- * пагинации, и две полосы прокрутки — внешняя и внутри сетки — мешали бы друг другу.
+ * Своего заголовка нет: страница целиком об одном, и её название уже написано в активной вкладке
+ * админки. Страница занимает экран и сама не прокручивается — пагинации у списка нет, а две полосы
+ * прокрутки (внешняя и внутри сетки) мешали бы друг другу.
  */
 export function GalleryPanel() {
-  const { t } = useTranslation()
   return (
-    <div className="flex h-[calc(100vh-13rem)] min-h-96 flex-col gap-4">
-      <h2 className="crt-glow text-xl font-semibold">{t('admin.gallery.title')}</h2>
-      <div className="crt-panel flex min-h-0 flex-1 flex-col rounded-md p-4">
-        <GalleryBrowser fill />
-      </div>
+    <div className="crt-panel flex h-[calc(100vh-11rem)] min-h-96 flex-col rounded-md p-4">
+      <GalleryBrowser fill />
     </div>
   )
 }

frontend/src/features/admin/shows/ShowPicker.tsx

@@ -117,8 +117,9 @@ export function ShowPicker({
   }
 
   return (
-    // modal — потому что пикер живёт внутри диалогов: те держат фокус-ловушку, и без своего
-    // слоя поповер отдавал бы фокус обратно диалогу, а в строку поиска нельзя было бы печатать.
+    // modal — потому что пикер живёт внутри диалогов: поповер регистрирует свой слой поверх
+    // диалогового, забирает фокус-ловушку и получает указатель. Работает это лишь пока Radix
+    // загружен одним экземпляром — единственность версий закреплена в pnpm-workspace.yaml.
     <Popover modal open={open} onOpenChange={(next) => (next ? setOpen(true) : close())}>
       <PopoverTrigger
         className={cn(

frontend/src/index.css

@@ -121,4 +121,20 @@
       0 0 0 1px color-mix(in srgb, var(--primary) 12%, transparent) inset,
       0 8px 30px rgba(0, 0, 0, 0.25);
   }
+
+  /*
+   * Всплывающая панель (поповер, автокомплит). Отдельный класс, а не crt-panel с правкой фона:
+   * фон там задан в этом же слое, и утилита вроде bg-muted его не перебивает — выигрывает то,
+   * что объявлено позже.
+   *
+   * Фон непрозрачный и темнее панели, рамка заметнее: поповер висит над чужим текстом, и
+   * полупрозрачность превращала список в кашу из наложенных строк.
+   */
+  .crt-popover {
+    background: var(--background);
+    border: 1px solid color-mix(in srgb, var(--primary) 45%, var(--border));
+    box-shadow:
+      0 0 0 1px color-mix(in srgb, var(--primary) 20%, transparent) inset,
+      0 16px 48px rgba(0, 0, 0, 0.65);
+  }
 }

frontend/src/shared/ui/popover.tsx

@@ -15,10 +15,10 @@ export const PopoverContent = forwardRef<
       ref={ref}
       align={align}
       sideOffset={sideOffset}
-      // Фон непрозрачный, в отличие от обычной crt-панели: поповер висит над чужим текстом,
-      // и полупрозрачность превращала бы список в кашу из наложенных строк.
+      // crt-popover, а не crt-panel: у всплывающей панели непрозрачный фон и заметнее рамка —
+      // она висит над чужим текстом (см. index.css).
       // z-50 — как у диалога: поповер живёт и внутри диалогов, и должен быть над ними.
-      className={cn('crt-panel z-50 rounded-sm bg-muted outline-none', className)}
+      className={cn('crt-popover z-50 rounded-sm outline-none', className)}
       {...props}
     />
   </PopoverPrimitive.Portal>

frontend/src/shared/ui/select.tsx

@@ -35,7 +35,7 @@ export const SelectContent = forwardRef<
       ref={ref}
       position={position}
       className={cn(
-        'crt-panel z-50 max-h-72 min-w-32 overflow-hidden rounded-sm',
+        'crt-popover z-50 max-h-72 min-w-32 overflow-hidden rounded-sm',
         position === 'popper' && 'translate-y-1',
         className,
       )}