Update CTA (#5627)

Set CTA for Engine Playground to "Deploy an Instance"

## Problem solved
Update for [DASH-535](https://linear.app/thirdweb/issue/DASH-535/make-deploy-an-instance-the-primary-cta-in-playground)

Set CTA for Engine Playground to "Deploy an Instance"

<!-- start pr-codex -->

---

## PR-Codex overview
This PR primarily updates the `deployLink` across multiple pages and modifies the `EngineAPIHeader` component to dynamically include the `deployLink` prop, enhancing the deployment functionality in the playground web application.

### Detailed summary
- Added `deployLink` prop to `page.tsx` files for `webhooks`, `minting`, and `airdrop`.
- Updated `docsLink` for `minting` and `airdrop` pages to point to specific API documentation.
- Modified `EngineAPIHeader` component to utilize the `deployLink` prop for dynamic linking.
- Removed hardcoded `Deploy an Instance` button from `EngineAPIHeader`.

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

<!-- end pr-codex -->

Author: DustinTurska

apps/playground-web/src/app/engine/airdrop/page.tsx

@@ -15,6 +15,7 @@ export default function Page() {
               address!
             </>
           }
+          deployLink="https://thirdweb.com/team/~/~/engine/create?utm_source=playground"
           docsLink="https://thirdweb-engine.apidocumentation.com/reference#tag/erc20/POST/contract/{chain}/{contractAddress}/erc20/mint-batch-to?utm_source=playground"
           heroLink="/airdrop.avif"
         />

apps/playground-web/src/app/engine/minting/page.tsx

@@ -14,6 +14,7 @@ export default function Page() {
               sponsor the gas so your users only need a wallet address!
             </>
           }
+          deployLink="https://thirdweb.com/team/~/~/engine/create?utm_source=playground"
           docsLink="https://thirdweb-engine.apidocumentation.com/reference#tag/erc1155/POST/contract/{chain}/{contractAddress}/erc1155/mint-to?utm_source=playground"
           heroLink="/minting.avif"
         />

apps/playground-web/src/app/engine/webhooks/page.tsx

@@ -14,6 +14,7 @@ export default function Page() {
               transaction or backend wallet events.
             </>
           }
+          deployLink="https://thirdweb.com/team/~/~/engine/create?utm_source=playground"
           docsLink="https://portal.thirdweb.com/engine/features/webhooks?utm_source=playground"
           heroLink="/webhooks.avif"
         />

apps/playground-web/src/components/blocks/EngineAPIHeader.tsx

@@ -5,6 +5,7 @@ import { Button } from "../ui/button";
 export function EngineAPIHeader(props: {
   title: string;
   description: React.ReactNode;
+  deployLink: string;
   docsLink: string;
   heroLink: string;
 }) {
@@ -27,6 +28,11 @@ export function EngineAPIHeader(props: {
 
         <div className="flex flex-col gap-3 md:flex-row">
           <Button asChild size="lg">
+            <Link target="_blank" href={props.deployLink}>
+              Deploy an Instance
+            </Link>
+          </Button>
+          <Button asChild variant="outline" size="lg">
             <Link target="_blank" href={props.docsLink}>
               View docs
             </Link>
@@ -39,14 +45,6 @@ export function EngineAPIHeader(props: {
               Book a Demo
             </Link>
           </Button>
-          <Button asChild variant="outline" size="lg">
-            <Link
-              target="_blank"
-              href="https://thirdweb.com/team/~/~/engine/create?utm_source=playground"
-            >
-              Deploy an Instance
-            </Link>
-          </Button>
         </div>
       </div>