fix: test multiplex ad format in song page

Author: Bentroen

web/src/modules/shared/components/client/ads/AdSlots.tsx

@@ -139,3 +139,18 @@ export const DownloadPopupAdSlot = ({ className }: { className?: string }) => {
     />
   );
 };
+
+export const MultiplexAdSlot = ({ className }: { className?: string }) => {
+  return (
+    <AdTemplate
+      className={cn(
+        'relative rounded-xl bg-zinc-800/50 p-2 my-8 h-32 max-h-32 w-full min-w-64 text-sm text-zinc-400',
+        className,
+      )}
+      adSlot='6673081563'
+      adFormat='autorelaxed'
+      fullWidthResponsive='true'
+      showCloseButton={true}
+    />
+  );
+};

web/src/modules/song/components/SongPage.tsx

@@ -14,7 +14,7 @@ import {
 } from './SongPageButtons';
 import SongCard from '../../browse/components/SongCard';
 import SongCardGroup from '../../browse/components/SongCardGroup';
-import { InterSectionAdSlot } from '../../shared/components/client/ads/AdSlots';
+import { MultiplexAdSlot } from '../../shared/components/client/ads/AdSlots';
 import { ErrorBox } from '../../shared/components/client/ErrorBox';
 import { formatTimeAgo } from '../../shared/util/format';
 
@@ -92,7 +92,7 @@ export async function SongPage({ id }: { id: string }) {
           <SongDetails song={song} />
         </div>
       </div>
-      <InterSectionAdSlot className='mb-0' />
+      <MultiplexAdSlot className='mb-0' />
 
       {/* Suggested songs */}
       <h2 className='text-md uppercase text-zinc-400 mt-10 mb-2'>