Fix version page layout

apps/frontend/src/pages/[type]/[id]/version/[version].vue

@@ -467,14 +467,7 @@
         </div>
       </template>
     </div>
-  </div>
-  <div class="normal-page__sidebar version-page__metadata">
-    <AdPlaceholder
-      v-if="
-        (!auth.user || !isPermission(auth.user.badges, 1 << 0) || flags.showAdsWithPlus) &&
-        tags.approvedStatuses.includes(project.status)
-      "
-    />
+    <div class="version-page__metadata">
       <div class="universal-card full-width-inputs">
         <h3>Metadata</h3>
         <div>
@@ -628,6 +621,7 @@
         </div>
       </div>
     </div>
+  </div>
 </template>
 <script>
 import { ButtonStyled, ConfirmModal, MarkdownEditor } from "@modrinth/ui";
@@ -1334,10 +1328,20 @@ export default defineNuxtComponent({
     "title" auto
     "changelog" auto
     "dependencies" auto
+    "metadata" auto
     "files" auto
-    "dummy" 1fr
     / 1fr;
 
+  @media (min-width: 1200px) {
+    grid-template:
+      "title title" auto
+      "changelog metadata" auto
+      "dependencies metadata" auto
+      "files metadata" auto
+      "dummy metadata" 1fr
+      / 1fr 20rem;
+  }
+
   column-gap: var(--spacing-card-md);
 
   .version-page__title {
@@ -1529,6 +1533,8 @@ export default defineNuxtComponent({
 }
 
 .version-page__metadata {
+  grid-area: metadata;
+
   h4 {
     margin: 1rem 0 0.25rem 0;
   }