Refactor components to enhance code clarity and maintainability by updating prop types to use Readonly for better immutability. Adjust Result class methods for consistency, and streamline query functions in ChannelDetail and other components to improve performance and readability.

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

@@ -2,7 +2,7 @@ import { useTranslation } from 'react-i18next'
 import { splitDuration } from './format'
 
 /** Объём эфира: «118 ч 40 мин». Ноль — прочерк, потому что «0 ч» читается как сбой подсчёта. */
-export function DurationLabel({ seconds }: { seconds: number }) {
+export function DurationLabel({ seconds }: Readonly<{ seconds: number }>) {
   const { t } = useTranslation()
   const parts = splitDuration(seconds)
   if (!parts) return <>—</>

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

@@ -25,7 +25,7 @@ import { GroupFilterPanel } from './GroupFilterPanel'
 
 const EMPTY_FILTER: GroupFilter = {}
 
-export function GroupDetail({ groupId }: { groupId: string }) {
+export function GroupDetail({ groupId }: Readonly<{ groupId: string }>) {
   const { t } = useTranslation()
   const queryClient = useQueryClient()
 
@@ -88,7 +88,7 @@ export function GroupDetail({ groupId }: { groupId: string }) {
     onError,
   })
   const weightMutation = useMutation({
-    mutationFn: ({ itemId, weight }: { itemId: string; weight: number }) =>
+    mutationFn: ({ itemId, weight }: Readonly<{ itemId: string; weight: number }>) =>
       setGroupItemWeight(groupId, itemId, weight),
     onSuccess: invalidate,
     onError,

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

@@ -14,10 +14,10 @@ const SHOW_KINDS: ShowKind[] = ['Series', 'Single']
 export function GroupFilterPanel({
   filter,
   onChange,
-}: {
+}: Readonly<{
   filter: GroupFilter
   onChange: (next: GroupFilter) => void
-}) {
+}>) {
   const { t } = useTranslation()
   const { data: genres } = useQuery({ queryKey: qk.genres.all, queryFn: listGenres })