chore: cleanup

src/components/AudioPlayer.tsx

@@ -105,7 +105,7 @@ const AudioPlayer: React.FC = () => {
           />
         </div>
 
-        <div className="flex items-center space-x-2" >
+        <div className="flex items-center space-x-2">
           {volume === 0 ? (
             <SpeakerXMarkIcon
               className="h-6 w-6 text-gray-500"

src/components/ServerList/ServerList.tsx

@@ -61,7 +61,10 @@ export const ServerList = ({
     await ev.publish();
   };
 
-  const serversToList = useMemo(() => withVirtualServers ? servers : servers.filter(s => !s.virtual), [servers, withVirtualServers])
+  const serversToList = useMemo(
+    () => (withVirtualServers ? servers : servers.filter(s => !s.virtual)),
+    [servers, withVirtualServers]
+  );
 
   return (
     <>

src/index.css

@@ -3,5 +3,5 @@
 @tailwind utilities;
 
 body:has(dialog[open]) {
-    overflow: hidden;
-}
+  overflow: hidden;
+}

src/utils/id3.ts

@@ -1,7 +1,6 @@
 import * as id3 from 'id3js';
 import { BlobDescriptor } from 'blossom-client-sdk';
 import { ID3TagV2 } from 'id3js/lib/id3Tag';
-import { Reader } from 'id3js/lib/reader';
 
 export type AudioBlob = BlobDescriptor & { id3?: ID3Tag };
 

src/utils/useUserServers.ts

@@ -15,7 +15,10 @@ export const useUserServers = (): Server[] => {
 
   const pubkey = user?.npub && (nip19.decode(user?.npub).data as string); // TODO validate type
 
-  const serverListEvent = useEvent({ kinds: [USER_BLOSSOM_SERVER_LIST_KIND as NDKKind], authors: [pubkey!] }, { disable: !pubkey });
+  const serverListEvent = useEvent(
+    { kinds: [USER_BLOSSOM_SERVER_LIST_KIND as NDKKind], authors: [pubkey!] },
+    { disable: !pubkey }
+  );
 
   const servers = useMemo(() => {
     const serverUrls = (serverListEvent?.getMatchingTags('server').map(t => t[1]) || []).map(s =>