refactor all widgets

src/shared/notes/kinds/file.tsx

@@ -4,8 +4,6 @@ import {
   MediaController,
   MediaMuteButton,
   MediaPlayButton,
-  MediaSeekBackwardButton,
-  MediaSeekForwardButton,
   MediaTimeDisplay,
   MediaTimeRange,
   MediaVolumeRange,
@@ -37,19 +35,19 @@ export function FileNote(props: { event?: NDKEvent }) {
   if (type === 'video') {
     return (
       <div className="mb-2 mt-3">
-        <MediaController key={url} className="aspect-video overflow-hidden rounded-lg">
+        <MediaController
+          key={url}
+          className="aspect-video w-full overflow-hidden rounded-lg"
+        >
           <video
             slot="media"
             src={url}
             poster={`https://thumbnail.video/api/get?url=${url}&seconds=1`}
             preload="none"
             muted
-            crossOrigin=""
           />
           <MediaControlBar>
             <MediaPlayButton></MediaPlayButton>
-            <MediaSeekBackwardButton></MediaSeekBackwardButton>
-            <MediaSeekForwardButton></MediaSeekForwardButton>
             <MediaTimeRange></MediaTimeRange>
             <MediaTimeDisplay showDuration></MediaTimeDisplay>
             <MediaMuteButton></MediaMuteButton>