revert ads changes

apps/frontend/src/components/ui/AdPlaceholder.vue

@@ -13,7 +13,7 @@
     <div
       class="absolute top-0 flex items-center justify-center overflow-hidden rounded-2xl bg-bg-raised"
     >
-      <div data-ad="project-rail" />
+      <div id="modrinth-rail-1" />
     </div>
   </div>
 </template>
@@ -23,12 +23,33 @@ import { ChevronRightIcon } from "@modrinth/assets";
 useHead({
   script: [
     {
-      type: "module",
-      src: "//js.rev.iq",
-      "data-domain": "modrinth.com",
+      src: "https://dn0qt3r0xannq.cloudfront.net/modrinth-7JfmkEIXEp/modrinth-longform/prebid-load.js",
+      async: true,
+    },
+    {
+      src: "/inmobi.js",
       async: true,
     },
   ],
+  link: [
+    {
+      rel: "preload",
+      as: "script",
+      href: "https://www.googletagservices.com/tag/js/gpt.js",
+    },
+  ],
+});
+
+onMounted(() => {
+  window.tude = window.tude || { cmd: [] };
+  tude.cmd.push(function () {
+    tude.refreshAdsViaDivMappings([
+      {
+        divId: "modrinth-rail-1",
+        baseDivId: "pb-slot-square-2",
+      },
+    ]);
+  });
 });
 </script>
 <style>
@@ -37,6 +58,58 @@ iframe[id^="google_ads_iframe"] {
   background: transparent;
 }
 
+#qc-cmp2-ui {
+  background: var(--color-raised-bg);
+  border-radius: var(--radius-lg);
+  color: var(--color-base);
+}
+
+#qc-cmp2-ui::before {
+  background: var(--color-raised-bg);
+}
+
+#qc-cmp2-ui::after {
+  background: var(--color-raised-bg);
+}
+
+#qc-cmp2-ui button[mode="primary"] {
+  background: var(--color-brand);
+  color: var(--color-accent-contrast);
+  border-radius: var(--radius-lg);
+  border: none;
+}
+
+#qc-cmp2-ui button[mode="secondary"] {
+  background: var(--color-button-bg);
+  color: var(--color-base);
+  border-radius: var(--radius-lg);
+  border: none;
+}
+
+#qc-cmp2-ui button[mode="link"] {
+  color: var(--color-link);
+}
+
+#qc-cmp2-ui h2 {
+  color: var(--color-contrast);
+  font-size: 1.5rem;
+}
+
+#qc-cmp2-ui div,
+#qc-cmp2-ui li,
+#qc-cmp2-ui strong,
+#qc-cmp2-ui p,
+#qc-cmp2-ui .qc-cmp2-list-item-title,
+#qc-cmp2-ui .qc-cmp2-expandable-info {
+  color: var(--color-base);
+  font-family: var(--font-standard);
+}
+
+#qc-cmp2-ui .qc-cmp2-toggle[aria-checked="true"] {
+  background-color: var(--color-brand);
+  border: 1px solid var(--color-brand);
+}
+
 @media (max-width: 1024px) {
   .ad-parent {
     display: none;