use custom skeleton for note

src/app/note/components/rootNote.tsx

@@ -1,13 +1,13 @@
 import { NoteContent } from '@lume/app/note/components/content';
 import NoteFile from '@lume/app/note/components/file';
 import NoteMetadata from '@lume/app/note/components/metadata';
+import { NoteSkeleton } from '@lume/app/note/components/skeleton';
 import { NoteDefaultUser } from '@lume/app/note/components/user/default';
 import { RelayContext } from '@lume/shared/relayProvider';
 import { READONLY_RELAYS } from '@lume/stores/constants';
 import { noteParser } from '@lume/utils/parser';
 
 import { memo, useContext } from 'react';
-import Skeleton from 'react-loading-skeleton';
 import useSWRSubscription from 'swr/subscription';
 import { navigate } from 'vite-plugin-ssr/client/router';
 
@@ -85,7 +85,7 @@ export const RootNote = memo(function RootNote({ id, fallback }: { id: string; f
           </div>
         </>
       ) : (
-        <Skeleton baseColor="#27272a" containerClassName="flex-1" />
+        <NoteSkeleton />
       )}
     </div>
   );