add ndk provider

src/app/auth/create/step-3.tsx

@@ -1,21 +1,22 @@
 import { NDKEvent, NDKPrivateKeySigner } from '@nostr-dev-kit/ndk';
 import { Body, fetch } from '@tauri-apps/api/http';
-import { useContext, useState } from 'react';
+import { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 
+import { useNDK } from '@libs/ndk/provider';
+
 import { Button } from '@shared/button';
 import { LoaderIcon } from '@shared/icons';
-import { RelayContext } from '@shared/relayProvider';
 
 import { useOnboarding } from '@stores/onboarding';
 
 import { useAccount } from '@utils/hooks/useAccount';
 
 export function CreateStep3Screen() {
-  const ndk = useContext(RelayContext);
   const profile = useOnboarding((state: any) => state.profile);
   const navigate = useNavigate();
 
+  const { ndk } = useNDK();
   const { account } = useAccount();
 
   const [username, setUsername] = useState('');

src/app/auth/create/step-4.tsx

@@ -1,10 +1,11 @@
 import { NDKEvent, NDKPrivateKeySigner } from '@nostr-dev-kit/ndk';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { useContext, useState } from 'react';
+import { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 
 import { User } from '@app/auth/components/user';
 
+import { useNDK } from '@libs/ndk/provider';
 import { updateAccount } from '@libs/storage';
 
 import { CheckCircleIcon, LoaderIcon } from '@shared/icons';
@@ -113,13 +114,13 @@ const INITIAL_LIST = [
 ];
 
 export function CreateStep4Screen() {
-  const ndk = useContext(RelayContext);
   const queryClient = useQueryClient();
   const navigate = useNavigate();
 
   const [loading, setLoading] = useState(false);
   const [follows, setFollows] = useState([]);
 
+  const { ndk } = useNDK();
   const { account } = useAccount();
   const { status, data } = useQuery(['trending-profiles'], async () => {
     const res = await fetch('https://api.nostr.band/v0/trending/profiles');

src/app/auth/import/step-2.tsx

@@ -1,24 +1,25 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query';
-import { useContext, useState } from 'react';
+import { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 
 import { User } from '@app/auth/components/user';
 
+import { useNDK } from '@libs/ndk/provider';
 import { updateAccount } from '@libs/storage';
 
 import { Button } from '@shared/button';
 import { LoaderIcon } from '@shared/icons';
-import { RelayContext } from '@shared/relayProvider';
 
 import { useAccount } from '@utils/hooks/useAccount';
 import { setToArray } from '@utils/transform';
 
 export function ImportStep2Screen() {
-  const ndk = useContext(RelayContext);
   const queryClient = useQueryClient();
   const navigate = useNavigate();
 
   const [loading, setLoading] = useState(false);
+
+  const { ndk } = useNDK();
   const { status, account } = useAccount();
 
   const update = useMutation({

src/app/auth/onboarding.tsx

@@ -1,13 +1,12 @@
 import { useState } from 'react';
 import { Link, useNavigate } from 'react-router-dom';
 
-import { usePublish } from '@libs/ndk';
-
 import { LoaderIcon } from '@shared/icons';
 import { ArrowRightCircleIcon } from '@shared/icons/arrowRightCircle';
 import { User } from '@shared/user';
 
 import { useAccount } from '@utils/hooks/useAccount';
+import { usePublish } from '@utils/hooks/usePublish';
 
 export function OnboardingScreen() {
   const publish = usePublish();

src/app/chat/components/messages/form.tsx

@@ -1,11 +1,11 @@
 import { nip04 } from 'nostr-tools';
 import { useCallback, useState } from 'react';
 
-import { usePublish } from '@libs/ndk';
-
 import { EnterIcon } from '@shared/icons';
 import { MediaUploader } from '@shared/mediaUploader';
 
+import { usePublish } from '@utils/hooks/usePublish';
+
 export function ChatMessageForm({
   receiverPubkey,
   userPrivkey,

src/app/chat/index.tsx

@@ -1,6 +1,6 @@
 import { NDKSubscription } from '@nostr-dev-kit/ndk';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { useCallback, useContext, useEffect, useRef } from 'react';
+import { useCallback, useEffect, useRef } from 'react';
 import { useParams } from 'react-router-dom';
 import { Virtuoso } from 'react-virtuoso';
 
@@ -8,17 +8,16 @@ import { ChatMessageForm } from '@app/chat/components/messages/form';
 import { ChatMessageItem } from '@app/chat/components/messages/item';
 import { ChatSidebar } from '@app/chat/components/sidebar';
 
+import { useNDK } from '@libs/ndk/provider';
 import { createChat, getChatMessages } from '@libs/storage';
 
-import { RelayContext } from '@shared/relayProvider';
-
 import { useAccount } from '@utils/hooks/useAccount';
 
 export function ChatScreen() {
-  const ndk = useContext(RelayContext);
   const queryClient = useQueryClient();
   const virtuosoRef = useRef(null);
 
+  const { ndk } = useNDK();
   const { pubkey } = useParams();
   const { account } = useAccount();
   const { status, data } = useQuery(

src/app/root.tsx

@@ -1,8 +1,9 @@
 import { NDKFilter } from '@nostr-dev-kit/ndk';
-import { useContext, useEffect, useRef } from 'react';
+import { useEffect, useRef } from 'react';
 import { useNavigate } from 'react-router-dom';
 
 import { prefetchEvents } from '@libs/ndk';
+import { useNDK } from '@libs/ndk/provider';
 import {
   countTotalNotes,
   createChat,
@@ -12,7 +13,6 @@ import {
 } from '@libs/storage';
 
 import { LoaderIcon, LumeIcon } from '@shared/icons';
-import { RelayContext } from '@shared/relayProvider';
 
 import { dateToUnix, getHourAgo } from '@utils/date';
 import { useAccount } from '@utils/hooks/useAccount';
@@ -21,10 +21,10 @@ const totalNotes = await countTotalNotes();
 const lastLogin = await getLastLogin();
 
 export function Root() {
-  const ndk = useContext(RelayContext);
   const now = useRef(new Date());
   const navigate = useNavigate();
 
+  const { ndk } = useNDK();
   const { status, account } = useAccount();
 
   async function fetchNotes() {

src/app/space/components/addImage.tsx

@@ -3,15 +3,15 @@ import { NDKEvent, NDKPrivateKeySigner } from '@nostr-dev-kit/ndk';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { open } from '@tauri-apps/api/dialog';
 import { Body, fetch } from '@tauri-apps/api/http';
-import { Fragment, useContext, useEffect, useRef, useState } from 'react';
+import { Fragment, useEffect, useRef, useState } from 'react';
 import { useForm } from 'react-hook-form';
 import { useHotkeys } from 'react-hotkeys-hook';
 
+import { useNDK } from '@libs/ndk/provider';
 import { createBlock } from '@libs/storage';
 
 import { CancelIcon, CommandIcon } from '@shared/icons';
 import { Image } from '@shared/image';
-import { RelayContext } from '@shared/relayProvider';
 
 import { DEFAULT_AVATAR } from '@stores/constants';
 import { ADD_IMAGEBLOCK_SHORTCUT } from '@stores/shortcuts';
@@ -21,13 +21,13 @@ import { dateToUnix } from '@utils/date';
 import { useAccount } from '@utils/hooks/useAccount';
 
 export function AddImageBlock() {
-  const ndk = useContext(RelayContext);
   const queryClient = useQueryClient();
 
   const [loading, setLoading] = useState(false);
   const [isOpen, setIsOpen] = useState(false);
   const [image, setImage] = useState('');
 
+  const { ndk } = useNDK();
   const { account } = useAccount();
 
   const tags = useRef(null);

src/app/space/hooks/useLiveThread.tsx

@@ -1,16 +1,16 @@
 import { NDKEvent, NDKFilter } from '@nostr-dev-kit/ndk';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
-import { useContext, useEffect, useRef } from 'react';
+import { useEffect, useRef } from 'react';
 
+import { useNDK } from '@libs/ndk/provider';
 import { createReplyNote } from '@libs/storage';
 
-import { RelayContext } from '@shared/relayProvider';
-
 export function useLiveThread(id: string) {
-  const ndk = useContext(RelayContext);
   const queryClient = useQueryClient();
   const now = useRef(Math.floor(Date.now() / 1000));
 
+  const { ndk } = useNDK();
+
   const thread = useMutation({
     mutationFn: (data: NDKEvent) => {
       return createReplyNote(

src/app/space/hooks/useNewsfeed.tsx

@@ -1,22 +1,22 @@
 import { NDKEvent, NDKFilter } from '@nostr-dev-kit/ndk';
-import { useContext, useEffect, useRef } from 'react';
+import { useEffect, useRef } from 'react';
 
+import { useNDK } from '@libs/ndk/provider';
 import { createNote } from '@libs/storage';
 
-import { RelayContext } from '@shared/relayProvider';
-
 import { useNote } from '@stores/note';
 
 import { useAccount } from '@utils/hooks/useAccount';
 
 export function useNewsfeed() {
-  const ndk = useContext(RelayContext);
   const sub = useRef(null);
   const now = useRef(Math.floor(Date.now() / 1000));
-  const toggleHasNewNote = useNote((state) => state.toggleHasNewNote);
 
+  const { ndk } = useNDK();
   const { status, account } = useAccount();
 
+  const toggleHasNewNote = useNote((state) => state.toggleHasNewNote);
+
   useEffect(() => {
     if (status === 'success' && account) {
       const follows = account ? JSON.parse(account.follows) : [];

src/app/user/components/feed.tsx

@@ -1,15 +1,15 @@
 import { NDKFilter } from '@nostr-dev-kit/ndk';
 import { useQuery } from '@tanstack/react-query';
-import { useContext } from 'react';
+
+import { useNDK } from '@libs/ndk/provider';
 
 import { Note } from '@shared/notes/note';
-import { RelayContext } from '@shared/relayProvider';
 
 import { dateToUnix, getHourAgo } from '@utils/date';
 import { LumeEvent } from '@utils/types';
 
 export function UserFeed({ pubkey }: { pubkey: string }) {
-  const ndk = useContext(RelayContext);
+  const { ndk } = useNDK();
   const { status, data } = useQuery(['user-feed', pubkey], async () => {
     const now = new Date();
     const filter: NDKFilter = {