promote video style transfer link to top

packages/fakeyou.com/src/components/layout/SideNav/SideNav.tsx

@@ -228,11 +228,12 @@ export default function SideNav({
     queueStats.legacy_tts.pending_job_count +
     queueStats.inference.by_queue.pending_tacotron2_jobs;
 
-  let maybeVideoGeneration = <></>;
+  let maybeBetaFeatures = <></>;
 
   if (sessionWrapper.canAccessStudio()) {
-    maybeVideoGeneration = (
+    maybeBetaFeatures= (
       <>
+        <li className="sidebar-heading">Beta Features</li>
         <li>
           <NavLink
             to="/video-mocap"
@@ -261,17 +262,6 @@ export default function SideNav({
           </NavLink>
         </li>
 
-        <li>
-          <NavLink
-            to="/video-styletransfer"
-            activeClassName="active-link"
-            onClick={handleNavLinkClick}
-          >
-            <FontAwesomeIcon icon={faFilms} className="sidebar-heading-icon" />
-            {t("videoStyleTransfer")}
-          </NavLink>
-        </li>
-
         <li>
           <NavLink
             to="/studio"
@@ -423,6 +413,18 @@ export default function SideNav({
               </NavLink>
             </li>
             <li className="sidebar-heading">{t("videoTitle")}</li>
+
+            <li>
+              <NavLink
+                to="/video-styletransfer"
+                activeClassName="active-link"
+                onClick={handleNavLinkClick}
+              >
+                <FontAwesomeIcon icon={faFilms} className="sidebar-heading-icon" />
+                {t("videoStyleTransfer")}
+              </NavLink>
+            </li>
+
             <li>
               <NavLink
                 to="/face-animator"
@@ -437,10 +439,10 @@ export default function SideNav({
               </NavLink>
             </li>
 
-            {maybeVideoGeneration}
-
             {maybeImageGeneration}
 
+            {maybeBetaFeatures}
+
             <li className="sidebar-heading">{t("communityTitle")}</li>
             <li>
               <NavLink

packages/fakeyou.com/src/v2/view/nav/FooterNav.tsx

@@ -152,6 +152,10 @@ function FooterNav(props: Props) {
                   <Link to="/face-animator">{t("productFaceAnimator")}</Link>
                 </li>
 
+                <li>
+                  <Link to="/video-styletransfer">Video Style Transfer</Link>
+                </li>
+
                 <li>
                   <Link to="/contribute">{t("productUploadModels")}</Link>
                 </li>