refactor newsfeed and note

src/components/note/preview/video.tsx

@@ -1,11 +1,11 @@
 import { memo } from 'react';
 import ReactPlayer from 'react-player/lazy';
 
-export const VideoPreview = memo(function VideoPreview({ data }: { data: string }) {
+export const VideoPreview = memo(function VideoPreview({ url }: { url: string }) {
   return (
-    <div onClick={(e) => e.stopPropagation()} className="relative mt-2 flex flex-col overflow-hidden rounded-lg">
+    <div onClick={(e) => e.stopPropagation()} className="relative mt-3 flex flex-col overflow-hidden rounded-lg">
       <ReactPlayer
-        url={data}
+        url={url}
         controls={true}
         volume={0}
         className="aspect-video w-full xl:w-2/3"