Enhance collection and group suggestions to manage existing items visibility

Updated the CollectionSuggestions and GroupSuggestions components to include a toggle for displaying already created suggestions. Introduced new state management for handling visibility of existing items, along with localization updates for relevant UI strings in both English and Russian. This improves user experience by allowing admins to see both new and existing suggestions clearly.

frontend/src/features/admin/groups/GroupSuggestions.tsx

@@ -13,15 +13,18 @@ import { DurationLabel } from './DurationLabel'
 
 /**
  * Что имеет смысл завести группой при нынешней библиотеке. Разбор делает сервер (жанры, типы,
- * рейтинги, крупные сериалы), здесь — только показ и кнопка. Уже созданное остаётся в списке
- * помеченным: исчезнувшее без следа предложение читается как сбой, а «уже есть» объясняет,
- * почему кнопки нет.
+ * рейтинги, крупные сериалы), здесь — только показ и кнопка.
+ *
+ * Уже созданное по умолчанию скрыто: строка без кнопки — это шум, а список должен состоять из того,
+ * что можно сделать. Но и пропадать бесследно оно не должно, иначе непонятно, куда делось
+ * предложение, — поэтому счётчик скрытого виден и раскрывается.
  */
 export function GroupSuggestions() {
   const { t } = useTranslation()
   const queryClient = useQueryClient()
   const onError = useApiError()
   const [collapsed, setCollapsed] = useState(false)
+  const [showExisting, setShowExisting] = useState(false)
 
   const { data, isLoading } = useQuery({
     queryKey: qk.groups.suggestions,
@@ -40,6 +43,10 @@ export function GroupSuggestions() {
   // Пока предлагать нечего (пустая библиотека или всё уже создано) — секции нет вовсе.
   if (isLoading || !data || data.length === 0) return null
 
+  const fresh = data.filter((s) => !s.alreadyExists)
+  const existing = data.length - fresh.length
+  const visible = showExisting ? data : fresh
+
   return (
     <div className="flex flex-col gap-2">
       <div className="flex flex-wrap items-center gap-2">
@@ -51,15 +58,24 @@ export function GroupSuggestions() {
           {collapsed ? <ChevronRight className="h-4 w-4" /> : <ChevronDown className="h-4 w-4" />}
           <Wand2 className="h-4 w-4" />
           {t('admin.groups.suggestions.title')}
-          <Badge variant="muted">{data.filter((s) => !s.alreadyExists).length}</Badge>
+          <Badge variant="muted">{fresh.length}</Badge>
         </button>
       </div>
 
       {!collapsed && (
         <>
           <p className="text-xs text-muted-foreground">{t('admin.groups.suggestions.hint')}</p>
-          <ul className="crt-panel divide-y divide-border rounded-md text-sm">
-            {data.map((suggestion) => (
+          {visible.length === 0 && (
+            <p className="text-sm text-muted-foreground">
+              {t('admin.groups.suggestions.allCreated')}
+            </p>
+          )}
+          <ul
+            className={`crt-panel divide-y divide-border rounded-md text-sm ${
+              visible.length === 0 ? 'hidden' : ''
+            }`}
+          >
+            {visible.map((suggestion) => (
               <li key={suggestion.key} className="flex flex-wrap items-center gap-2 px-4 py-2">
                 <span className="min-w-0 flex-1 truncate font-medium">{suggestion.name}</span>
                 <Badge variant="muted">
@@ -90,6 +106,17 @@ export function GroupSuggestions() {
               </li>
             ))}
           </ul>
+          {existing > 0 && (
+            <button
+              type="button"
+              className="self-start text-xs text-muted-foreground underline-offset-2 hover:text-foreground hover:underline"
+              onClick={() => setShowExisting((v) => !v)}
+            >
+              {showExisting
+                ? t('admin.groups.suggestions.hideExisting')
+                : t('admin.groups.suggestions.showExisting', { count: existing })}
+            </button>
+          )}
         </>
       )}
     </div>