Merge pull request #15956 from ethereum/hotfix-10y-livestream

Fix livestream image placeholder res

Author: pettinarip

app/[locale]/10years/page.tsx

@@ -171,14 +171,15 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
       </div>
 
       <div className="w-full px-4 py-8 md:px-8">
-        <div className="flex flex-col items-center gap-4 rounded-4xl bg-radial-a px-8 pt-8 lg:px-14 lg:pt-14">
+        <div className="flex flex-col items-center gap-4 rounded-4xl bg-radial-a px-4 pt-8 lg:px-14 lg:pt-14">
           <div className="flex flex-col gap-4 text-center">
             <h2 className="text-4xl font-black">Join the livestream</h2>
           </div>
           <YouTube
             className="w-full max-w-none"
             id="igPIMF1p5Bo"
             title="Livestream 10 years of Ethereum"
+            poster="maxresdefault"
           />
         </div>
       </div>

src/components/YouTube.tsx

@@ -22,13 +22,14 @@ type YouTubeProps = {
   start?: string
   title?: string
   className?: string
-}
+} & React.ComponentProps<typeof LiteYouTubeEmbed>
 
 const YouTube = ({
   id,
   start = "0",
   title = "YouTube",
   className,
+  ...props
 }: YouTubeProps) => {
   const params = new URLSearchParams()
   ;+start > 0 && params.set("start", start)
@@ -41,6 +42,7 @@ const YouTube = ({
         title={title}
         params={params.toString()}
         noCookie
+        {...props}
       />
     </figure>
   )