feat: update format

src/app/chats/chat.tsx

@@ -3,17 +3,14 @@ import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { useCallback, useEffect, useRef } from 'react';
 import { useParams } from 'react-router-dom';
 import { VList, VListHandle } from 'virtua';
-
 import { ChatForm } from '@app/chats/components/chatForm';
 import { ChatMessage } from '@app/chats/components/message';
-
 import { useArk } from '@libs/ark';
-
 import { LoaderIcon } from '@shared/icons';
 import { User } from '@shared/user';
 
 export function ChatScreen() {
-  const { ark } = useArk();
+  const ark = useArk();
   const { pubkey } = useParams();
   const { status, data } = useQuery({
     queryKey: ['nip04-dm', pubkey],

src/app/chats/components/chatForm.tsx

@@ -1,14 +1,11 @@
 import { useState } from 'react';
 import { toast } from 'sonner';
-
 import { MediaUploader } from '@app/chats/components/mediaUploader';
-
 import { useArk } from '@libs/ark';
-
 import { EnterIcon } from '@shared/icons';
 
 export function ChatForm({ receiverPubkey }: { receiverPubkey: string }) {
-  const { ark } = useArk();
+  const ark = useArk();
   const [value, setValue] = useState('');
 
   const submit = async () => {

src/app/chats/components/chatListItem.tsx

@@ -4,9 +4,7 @@ import { minidenticon } from 'minidenticons';
 import { memo } from 'react';
 import { NavLink } from 'react-router-dom';
 import { twMerge } from 'tailwind-merge';
-
 import { useDecryptMessage } from '@app/chats/hooks/useDecryptMessage';
-
 import { displayNpub, formatCreatedAt } from '@utils/formater';
 import { useProfile } from '@utils/hooks/useProfile';
 

src/app/chats/components/mediaUploader.tsx

@@ -1,8 +1,6 @@
 import * as Tooltip from '@radix-ui/react-tooltip';
 import { Dispatch, SetStateAction, useState } from 'react';
-
 import { useArk } from '@libs/ark';
-
 import { LoaderIcon, MediaIcon } from '@shared/icons';
 
 export function MediaUploader({
@@ -10,7 +8,7 @@ export function MediaUploader({
 }: {
   setState: Dispatch<SetStateAction<string>>;
 }) {
-  const { ark } = useArk();
+  const ark = useArk();
   const [loading, setLoading] = useState(false);
 
   const uploadMedia = async () => {

src/app/chats/components/message.tsx

@@ -1,6 +1,5 @@
 import { NDKEvent } from '@nostr-dev-kit/ndk';
 import { twMerge } from 'tailwind-merge';
-
 import { useDecryptMessage } from '@app/chats/hooks/useDecryptMessage';
 
 export function ChatMessage({ message, isSelf }: { message: NDKEvent; isSelf: boolean }) {

src/app/chats/hooks/useDecryptMessage.tsx

@@ -1,10 +1,9 @@
 import { NDKEvent } from '@nostr-dev-kit/ndk';
 import { useEffect, useState } from 'react';
-
 import { useArk } from '@libs/ark';
 
 export function useDecryptMessage(event: NDKEvent) {
-  const { ark } = useArk();
+  const ark = useArk();
   const [content, setContent] = useState(event.content);
 
   useEffect(() => {

src/app/chats/index.tsx

@@ -2,15 +2,12 @@ import { NDKEvent } from '@nostr-dev-kit/ndk';
 import { useQuery } from '@tanstack/react-query';
 import { useCallback } from 'react';
 import { Outlet } from 'react-router-dom';
-
 import { ChatListItem } from '@app/chats/components/chatListItem';
-
 import { useArk } from '@libs/ark';
-
 import { LoaderIcon } from '@shared/icons';
 
 export function ChatsScreen() {
-  const { ark } = useArk();
+  const ark = useArk();
   const { status, data } = useQuery({
     queryKey: ['nip04-chats'],
     queryFn: async () => {