Remove legacy relay URL configuration and add automatic default icon management

- Remove REACT_APP_OWN_RELAY_URL requirement from config and environment
- Simplify NDK configuration to use default relay URLs only
- Add automatic relay icon management with domain-aware default logo
- Relay icon now defaults to logo-dark-192.png served from current domain
- Auto-updates icon URL when domain changes (localhost to production)
- Remove obsolete blossomUpload.ts (replaced by panel API)
- Update documentation to reflect simplified configuration
- Add profile API system with caching and default profile pictures
- Clean up unused relay URL references across codebase

Author: Maphikza

README.md

@@ -158,7 +158,6 @@ REACT_APP_DEMO_MODE=false
 REACT_APP_BASENAME=
 
 # Nostr relay configuration for profile fetching
-REACT_APP_OWN_RELAY_URL=ws://localhost:9001
 # REACT_APP_NOSTR_RELAY_URLS=wss://your-relay1.com,wss://your-relay2.com,wss://your-relay3.com
 
 # More info https://create-react-app.dev/docs/advanced-configuration
@@ -177,7 +176,6 @@ REACT_APP_DEMO_MODE=false
 
 # Service URLs
 # REACT_APP_WALLET_BASE_URL - No longer needed! Wallet operations routed through panel API
-REACT_APP_OWN_RELAY_URL=ws://localhost:9001       # Required for profile fetching
 
 # Router configuration (empty for direct access)
 REACT_APP_BASENAME=
@@ -193,10 +191,9 @@ TSC_COMPILE_ON_ERROR=true
 
 
 **🎯 Key Requirements**:
-- ✅ **Relay URL Required** - REACT_APP_OWN_RELAY_URL must be configured for profile fetching
 - ✅ **Wallet Always Available** - Wallet operations routed through panel API, no configuration needed
 - ✅ **Panel Routing Auto-Detection** - Panel paths (REACT_APP_BASENAME/PUBLIC_URL) can be auto-detected
-- ✅ **Simplified Configuration** - Only relay URL needs to be configured
+- ✅ **Simplified Configuration** - Uses default Nostr relay URLs, no custom configuration needed
 - ✅ **Simple Deployment** - No reverse proxy needed for basic functionality
 
 ### 4. Start Development Server
@@ -265,7 +262,6 @@ Controls the React app's routing base path:
 ### Service URLs
 **🎯 Configuration Requirements**:
 - **Wallet Service**: No longer requires configuration! Wallet operations are routed through panel API (`/api/wallet-proxy/*`)
-- **Relay WebSocket**: `REACT_APP_OWN_RELAY_URL=ws://localhost:9001` (required for profile fetching)
 - **Panel API**: Auto-detected from current origin (no configuration needed)
 
 **✅ Simplified**: Wallet functionality is now always available through the panel's backend proxy.

src/App.tsx

@@ -18,19 +18,8 @@ import { useNDKInit } from '@nostr-dev-kit/ndk-hooks';
 import config from './config/config';
 
 // Configure NDK with user's relay URLs from environment variables
-const getRelayUrls = () => {
-  const relayUrls = [...config.nostrRelayUrls];
-  
-  // Add user's own relay URL as the first priority if provided
-  if (config.ownRelayUrl) {
-    relayUrls.unshift(config.ownRelayUrl);
-  }
-  
-  return relayUrls;
-};
-
 const ndk = new NDK({
-  explicitRelayUrls: getRelayUrls(),
+  explicitRelayUrls: config.nostrRelayUrls,
   signer: new NDKNip07Signer(),
 });
 
@@ -39,7 +28,7 @@ ndk.relayAuthDefaultPolicy = NDKRelayAuthPolicies.signIn({ ndk });
 
 ndk
   .connect()
-  .then(() => console.log('NDK connected with relay URLs and NIP-42 auth policy:', getRelayUrls()))
+  .then(() => console.log('NDK connected with relay URLs and NIP-42 auth policy:', config.nostrRelayUrls))
   .catch((error) => console.error('NDK connection error:', error));
 
 const App: React.FC = () => {

src/components/header/components/searchDropdown/SearchDropdown.tsx

@@ -5,9 +5,8 @@ import { CategoryComponents } from '@app/components/header/components/HeaderSear
 import { Btn, InputSearch } from '../HeaderSearch/HeaderSearch.styles';
 import { useTranslation } from 'react-i18next';
 import { BasePopover } from '@app/components/common/BasePopover/BasePopover';
-import { NDKUserProfile, useNDK } from '@nostr-dev-kit/ndk-hooks';
 import usePaidSubscribers from '@app/hooks/usePaidSubscribers';
-import { convertNDKUserProfileToSubscriberProfile } from '@app/utils/utils';
+import { useProfileAPI } from '@app/hooks/useProfileAPI';
 import { InvalidPubkey } from '../../Header.styles';
 
 import { SubscriberProfile } from '@app/hooks/usePaidSubscribers';
@@ -34,7 +33,7 @@ export const SearchDropdown: React.FC<SearchOverlayProps> = ({
   const [subscriberProfile, setSubscriberProfile] = useState<SubscriberProfile | null>(null);
   const [invalidPubkey, setInvalidPubkey] = useState(false);
   const { subscribers } = usePaidSubscribers();
-  const ndkInstance = useNDK();
+  const { fetchSingleProfile, loading: profileAPILoading } = useProfileAPI();
   const { t } = useTranslation();
 
   useEffect(() => {
@@ -44,19 +43,19 @@ export const SearchDropdown: React.FC<SearchOverlayProps> = ({
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const ref = useRef<any>(null);
 
-  const fetchProfile = async (pubkey: string): Promise<NDKUserProfile | null> => {
-    if (!ndkInstance) return null;
-
+  const fetchProfile = async (pubkey: string): Promise<SubscriberProfile | null> => {
     try {
       setFetchingProfile(true);
-      const profile = await ndkInstance.ndk?.getUser({ pubkey: pubkey }).fetchProfile();
-
+      setFetchingFailed(false);
+      
+      const profile = await fetchSingleProfile(pubkey);
+      
       if (profile) {
         setFetchingProfile(false);
         setFetchingFailed(false);
         return profile;
       } else {
-        console.error('Profile not found for pubkey:', pubkey);
+        console.log('Profile not found for pubkey:', pubkey);
         setFetchingProfile(false);
         setFetchingFailed(true);
         return null;
@@ -71,34 +70,35 @@ export const SearchDropdown: React.FC<SearchOverlayProps> = ({
 
   const handleSearchProfile = async () => {
     if (!query) return;
-    //verify that it's a pubkey
+    
+    // Verify that it's a valid pubkey (hex format)
     if (/^[a-fA-F0-9]{64}$/.test(query)) {
       setSubscriberDetailModalOpen(true);
+      setInvalidPubkey(false);
 
-      //See if the pubkey exists in the subscribers
       const pubkey = query;
-      const subscriber = subscribers.find((sub) => sub.pubkey === query);
-      // If it exists, open the modal with the subscriber details. If name,picture, or about are not set, fetch profile.
-      //if It doesnt exist, fetch the profile from NDK
-      //once fetched, convert it to SubscriberProfile and open the modal
-      if (subscriber) {
-        if (!subscriber.name || !subscriber.picture || !subscriber.about) {
-          const profile = await fetchProfile(pubkey);
-          if (profile) {
-            const subscriberProfile: SubscriberProfile = convertNDKUserProfileToSubscriberProfile(pubkey, profile);
-            // Open the modal with the fetched subscriber profile
-            setSubscriberProfile(subscriberProfile);
-          }
-        }
+      
+      // First check if the pubkey exists in current subscribers list
+      const existingSubscriber = subscribers.find((sub) => sub.pubkey === pubkey);
+      
+      if (existingSubscriber && existingSubscriber.name && existingSubscriber.picture) {
+        // We already have complete profile data, use it directly
+        setSubscriberProfile(existingSubscriber);
+        setFetchingProfile(false);
+        setFetchingFailed(false);
       } else {
+        // Fetch the profile from API (either new subscriber or incomplete data)
         const profile = await fetchProfile(pubkey);
         if (profile) {
-          const subscriberProfile: SubscriberProfile = convertNDKUserProfileToSubscriberProfile(pubkey, profile);
-          // Open the modal with the fetched subscriber profile
-          setSubscriberProfile(subscriberProfile);
+          setSubscriberProfile(profile);
+        } else {
+          // If API doesn't have the profile, use existing subscriber data if available
+          if (existingSubscriber) {
+            setSubscriberProfile(existingSubscriber);
+          }
         }
       }
-    }else{
+    } else {
       setInvalidPubkey(true);
     }
   };
@@ -152,7 +152,7 @@ export const SearchDropdown: React.FC<SearchOverlayProps> = ({
         </HeaderActionWrapper>
         {isSubscriberDetailModalOpen && (
           <SubscriberDetailModal
-            loading={fetchingProfile}
+            loading={fetchingProfile || profileAPILoading}
             fetchFailed={fetchingFailed}
             isVisible={isSubscriberDetailModalOpen}
             subscriber={subscriberProfile}