Make Theme Preview sort based on createdAt propert. Fix Admin Editor Form youtube preview layout slip.

src/features/activity_editor/view/editor_form.tsx

@@ -83,9 +83,7 @@ export default function EditorForm() {
           <YouTube
             style={{
               visibility: "hidden",
-              position: "absolute",
-              top: "999vh",
-              left: "999vw",
+              height: 0,
             }}
             videoId={
               getYouTubeID(youtubeVideoUrl.value) ??

src/pages/admin/index.tsx

@@ -49,7 +49,9 @@ export default function AdminPage() {
       </Head>
       <LandingPageView
         home="/admin"
-        themePreviews={themeMetas}
+        themePreviews={themeMetas.sort((a, b) =>
+          a.createdAt > b.createdAt ? 1 : -1
+        )}
         createNewThemeButton={
           <button
             disabled={stalling}

src/pages/index.tsx

@@ -28,7 +28,9 @@ export async function getStaticProps() {
   if (res.status === "success" && res.data) {
     return {
       props: {
-        themeMetas: res.data,
+        themeMetas: res.data.sort((a, b) =>
+          a.createdAt > b.createdAt ? 1 : -1
+        ),
       },
     };
   }