use swr for note fetcher

src/components/note/quoteRepost.tsx

@@ -1,24 +1,12 @@
 import { RootNote } from '@components/note/rootNote';
 import { UserQuoteRepost } from '@components/user/quoteRepost';
 
-import destr from 'destr';
+import { getQuoteID } from '@utils/transform';
+
 import { memo } from 'react';
 
 export const NoteQuoteRepost = memo(function NoteQuoteRepost({ event }: { event: any }) {
-  const rootNote = () => {
-    let note = null;
-
-    if (event.content) {
-      const content = destr(event.content);
-      if (content) {
-        note = <RootNote event={content} />;
-      }
-    } else {
-      note = <RootNote event={event.tags[0][1]} />;
-    }
-
-    return note;
-  };
+  const rootID = getQuoteID(event.tags);
 
   return (
     <div className="relative z-10 flex h-min min-h-min w-full select-text flex-col border-b border-zinc-800 px-3 py-5 hover:bg-black/20">
@@ -26,7 +14,7 @@ export const NoteQuoteRepost = memo(function NoteQuoteRepost({ event }: { event:
         <div className="absolute left-[21px] top-0 h-full w-0.5 bg-gradient-to-t from-zinc-800 to-zinc-600"></div>
         <UserQuoteRepost pubkey={event.pubkey} time={event.created_at} />
       </div>
-      {rootNote()}
+      <RootNote id={rootID} />
     </div>
   );
 });