Fix payment notifications API and clean up unused AddKindForm

- Fix payment notifications read-all endpoint by sending {} instead of undefined
- Remove unused AddKindForm component and related props
- Clean up KindsSection interfaces and component structure
- Update layout components to remove onAddKind prop references

Author: Maphikza

src/api/paymentNotifications.api.ts

@@ -70,7 +70,7 @@ export const markNotificationAsRead = async (id: number): Promise<void> => {
 
 // Mark all notifications as read for a user
 export const markAllNotificationsAsRead = async (pubkey?: string): Promise<void> => {
-  await httpApi.post('/api/payment/notifications/read-all', pubkey ? { pubkey } : undefined);
+  await httpApi.post('/api/payment/notifications/read-all', pubkey ? { pubkey } : {});
 };
 
 // Get payment statistics

src/components/relay-settings/layouts/DesktopLayout.tsx

@@ -97,7 +97,6 @@ export const DesktopLayout: React.FC<DesktopLayoutProps> = ({
     onKindsActiveChange,
     onKindsChange,
     onDynamicKindsChange,
-    onAddKind,
     onRemoveKind,
     // Media props
     photos,
@@ -172,7 +171,6 @@ export const DesktopLayout: React.FC<DesktopLayoutProps> = ({
                         onKindsActiveChange={onKindsActiveChange}
                         onKindsChange={onKindsChange}
                         onDynamicKindsChange={onDynamicKindsChange}
-                        onAddKind={onAddKind}
                         onRemoveKind={onRemoveKind}
                     />
 

src/components/relay-settings/layouts/MobileLayout.tsx

@@ -94,7 +94,6 @@ export const MobileLayout: React.FC<MobileLayoutProps> = ({
     onKindsActiveChange,
     onKindsChange,
     onDynamicKindsChange,
-    onAddKind,
     onRemoveKind,
     // Media props
     photos,
@@ -163,7 +162,6 @@ export const MobileLayout: React.FC<MobileLayoutProps> = ({
                     onKindsActiveChange={onKindsActiveChange}
                     onKindsChange={onKindsChange}
                     onDynamicKindsChange={onDynamicKindsChange}
-                    onAddKind={onAddKind}
                     onRemoveKind={onRemoveKind}
                 />
 

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

@@ -5,7 +5,6 @@ import { BaseSwitch } from '@app/components/common/BaseSwitch/BaseSwitch';
 import * as S from '@app/pages/uiComponentsPages/UIComponentsPage.styles';
 import { CollapsibleSection } from '../../shared/CollapsibleSection/CollapsibleSection';
 import { KindsList } from './components/KindsList';
-import { AddKindForm } from './components/AddKindForm';
 import { DynamicKindsList } from './components/DynamicKindsList';
 
 export interface KindsSectionProps {
@@ -17,7 +16,6 @@ export interface KindsSectionProps {
   onKindsActiveChange: (active: boolean) => void;
   onKindsChange: (values: string[]) => void;
   onDynamicKindsChange: (values: string[]) => void;
-  onAddKind: (kind: string) => void;
   onRemoveKind: (kind: string) => void;
 }
 
@@ -30,7 +28,6 @@ export const KindsSection: React.FC<KindsSectionProps> = ({
   onKindsActiveChange,
   onKindsChange,
   onDynamicKindsChange,
-  onAddKind,
   onRemoveKind,
 }) => {
   const header = mode !== 'whitelist' ? 'Blacklisted Kind Numbers' : 'Kind Numbers';
@@ -57,11 +54,6 @@ export const KindsSection: React.FC<KindsSectionProps> = ({
             onKindsChange={onKindsChange}
           />
 
-          <AddKindForm 
-            mode={mode}
-            onAddKind={onAddKind}
-          />
-
           <DynamicKindsList
             mode={mode}
             dynamicKinds={dynamicKinds}

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

@@ -245,7 +245,7 @@ export const usePaymentNotifications = (initialParams?: PaymentNotificationParam
           'Content-Type': 'application/json',
           'Authorization': `Bearer ${token}`,
         },
-        body: pubkey ? JSON.stringify({ pubkey }) : undefined,
+        body: JSON.stringify(pubkey ? { pubkey } : {}),
       });
 
       if (!response.ok) {