feat(VideoPageHeader): move DownloadControls to a new position in the layout

components/video-page/video-page-header.tsx

@@ -190,6 +190,16 @@ export const VideoPageHeader = memo(function VideoPageHeader({
           onDelete={onDeleteVersion}
         />
 
+        <div className="hidden sm:block">
+          <DownloadControls
+            activeVersion={activeVersion}
+            videoCanDownload={videoCanDownload}
+            isDownloading={isDownloadingVideo}
+            activeDownloadTarget={activeDownloadTarget}
+            onDownload={onDownload}
+          />
+        </div>
+
         {mode === 'dashboard' && (
           <>
             {canManageVideo ? (
@@ -207,16 +217,6 @@ export const VideoPageHeader = memo(function VideoPageHeader({
               ) : null}
             </Button>
 
-            <div className="hidden sm:block">
-              <DownloadControls
-                activeVersion={activeVersion}
-                videoCanDownload={videoCanDownload}
-                isDownloading={isDownloadingVideo}
-                activeDownloadTarget={activeDownloadTarget}
-                onDownload={onDownload}
-              />
-            </div>
-
             {versions.length >= 2 && (
               <Button variant="outline" size="sm" onClick={onOpenCompare} className="hidden sm:inline-flex">
                 <GitCompareArrows className="h-4 w-4 mr-1" />