use custom skeleton for note

src/app/note/components/parent.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';
 
 export const NoteParent = memo(function NoteParent({ id }: { id: string }) {
@@ -52,7 +52,7 @@ export const NoteParent = memo(function NoteParent({ id }: { id: string }) {
           </div>
         </>
       ) : (
-        <Skeleton baseColor="#27272a" containerClassName="flex-1" />
+        <NoteSkeleton />
       )}
     </div>
   );