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();