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/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,