feat: migrate event filtering from mode-based to allow unregistered kinds system

BREAKING CHANGE: Removes blacklist/whitelist mode selector in favor of simpler toggle

- Remove mode field from EventFilteringConfig interface
- Add allow_unregistered_kinds and registered_kinds fields
- Replace mode selector UI with 'Allow Unregistered Kind Numbers' toggle
- Add warning display when unregistered kinds are allowed
- Refactor useRelaySettings hook to handle new backend structure
- Simplify KindsList component (removed unused props)
- Update DynamicKindsList to show registration status
- Update Desktop and Mobile layouts with new toggle
- Remove all mode-related logic throughout codebase
- Add translations for new UI elements

This aligns the frontend with backend changes that simplify event filtering
by using a single toggle to control acceptance of unknown event types,
while registered kinds can be individually enabled/disabled.

Author: Maphikza

src/components/relay-settings/sections/KindsSection/KindsSection.tsx

@@ -51,8 +51,6 @@ export const KindsSection: React.FC<KindsSectionProps> = ({
           </div>
 
           <KindsList
-            allowUnregisteredKinds={allowUnregisteredKinds}
-            registeredKinds={registeredKinds}
             selectedKinds={selectedKinds}
             isKindsActive={isKindsActive}
             onKindsChange={onKindsChange}

src/components/relay-settings/sections/KindsSection/components/KindsList.tsx

@@ -9,16 +9,12 @@ import { useAppSelector } from '@app/hooks/reduxHooks';
 import { useTranslation } from 'react-i18next';
 
 interface KindsListProps {
-  allowUnregisteredKinds: boolean;
-  registeredKinds: number[];
   selectedKinds: string[];
   isKindsActive: boolean;
   onKindsChange: (values: string[]) => void;
 }
 
 export const KindsList: React.FC<KindsListProps> = ({
-  allowUnregisteredKinds,
-  registeredKinds,
   selectedKinds,
   isKindsActive,
   onKindsChange,
@@ -31,22 +27,9 @@ export const KindsList: React.FC<KindsListProps> = ({
     notes: noteOptions.filter((note) => note.category === category.id),
   }));
 
-  // Helper to check if a kind is registered
-  const isRegisteredKind = (kindNumber: number) => {
-    return registeredKinds.includes(kindNumber);
-  };
-
-  // Helper to get status icon for a kind
-  const getKindStatusIcon = (kindNumber: number, isSelected: boolean) => {
-    const isRegistered = isRegisteredKind(kindNumber);
-    
-    if (isRegistered) {
-      return isSelected ? '✅' : '❌';
-    } else {
-      return allowUnregisteredKinds ? '⚠️' : '🚫';
-    }
-  };
-
+  // All kinds in our list are registered kinds (we know about them)
+  // The checkbox state determines if they're enabled or disabled
+  
   return (
     <BaseCheckbox.Group
       className="large-label"
@@ -59,30 +42,25 @@ export const KindsList: React.FC<KindsListProps> = ({
           <h3 className="checkboxHeader w-full">{group.name}</h3>
           <div className="custom-checkbox-group grid-checkbox-group large-label">
             {group.notes.map((note) => {
-              const isRegistered = isRegisteredKind(note.kind);
               const isSelected = selectedKinds.includes(note.kindString);
-              const statusIcon = getKindStatusIcon(note.kind, isSelected);
 
               return (
                 <div className="checkbox-container" style={{ paddingLeft: '1rem' }} key={note.kindString}>
-                  <span style={{ marginRight: '0.5rem', fontSize: '1.2em' }}>{statusIcon}</span>
                   <BaseCheckbox
                     value={note.kindString}
-                    disabled={!isKindsActive || !isRegistered}
+                    disabled={!isKindsActive}
                   />
                   <S.CheckboxLabel
-                    isActive={isKindsActive && isRegistered}
+                    isActive={isKindsActive}
                     style={{
                       paddingRight: '.8rem',
                       paddingLeft: '.8rem',
-                      color: isRegistered ? themeObject[theme].textMain : themeObject[theme].textSecondary,
-                      opacity: isRegistered ? 1 : 0.6
+                      color: themeObject[theme].textMain
                     }}
                   >
                     {t(`kind${note.kind}`)} - {' '}
                     <span style={{ fontWeight: 'normal' }}>
                       {note.description}
-                      {!isRegistered && <em> (Unregistered)</em>}
                     </span>
                   </S.CheckboxLabel>
                 </div>