add sponsorship details back (#1701)

* add sponsorship details

* modify pdf name

Author: YassinEldeeb

public/conf/sponsor/sponsor_2024.pdf

@@ -2,8 +2,10 @@ import { Button } from '@/app/conf/_components/button'
 
 # Sponsor GraphQLConf 2024
 
-<Button href="mailto:graphqlconf@graphql.org?subject=Sponsorships" className="!text-white mx-auto !block">Contact Us</Button>
-
+<div className="flex flex-row justfiy-center">
+    <Button target="_blank" href="/conf/sponsor/sponsor_2024.pdf" className="!text-white !block">Sponsership Details</Button>
+    <Button href="mailto:graphqlconf@graphql.org?subject=Sponsorships" className="!text-white !block ml-3.5">Contact Us</Button>
+</div>
 Contact us at graphqlconf@graphql.org to reserve your sponsorship, ask questions or talk about different options.
 
 GraphQLConf is the official GraphQL conference hosted by the GraphQL Foundation. It is a premier event by the community for the community to promote education, adoption, and advancement of GraphQL.

src/app/conf/2024/sponsor/index.mdx

@@ -6,9 +6,11 @@ interface ButtonProps {
   className?: string
   href?: string
   disabled?: boolean
+  target?: "_blank"
 }
 
 export function Button({
+  target,
   href,
   className,
   children,
@@ -33,6 +35,7 @@ export function Button({
         className,
       )}
       href={href}
+      target={target}
       {...(href?.startsWith("https://") && {
         target: "_blank",
         rel: "noreferrer",