add transfer ticket functionality

app/transferTicket/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <div>Transfer Ticket</div>;
+}

components/ui/alert.tsx

@@ -0,0 +1,59 @@
+import * as React from 'react';
+import { cva, type VariantProps } from 'class-variance-authority';
+
+import { cn } from '@/lib/utils';
+
+const alertVariants = cva(
+  'relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7',
+  {
+    variants: {
+      variant: {
+        default: 'bg-background text-foreground',
+        destructive:
+          'border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+    },
+  }
+);
+
+const Alert = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>
+>(({ className, variant, ...props }, ref) => (
+  <div
+    ref={ref}
+    role="alert"
+    className={cn(alertVariants({ variant }), className)}
+    {...props}
+  />
+));
+Alert.displayName = 'Alert';
+
+const AlertTitle = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLHeadingElement>
+>(({ className, ...props }, ref) => (
+  <h5
+    ref={ref}
+    className={cn('mb-1 font-medium leading-none tracking-tight', className)}
+    {...props}
+  />
+));
+AlertTitle.displayName = 'AlertTitle';
+
+const AlertDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn('text-sm [&_p]:leading-relaxed', className)}
+    {...props}
+  />
+));
+AlertDescription.displayName = 'AlertDescription';
+
+export { Alert, AlertTitle, AlertDescription };

lib/transferTicket.ts

@@ -0,0 +1,36 @@
+import { ethers } from 'ethers';
+import { getContract } from './ethers';
+
+declare global {
+  interface Window {
+    ethereumProvider?: ethers.providers.ExternalProvider & {
+      isMetaMask?: boolean;
+      request?: (method: string, params?: unknown[]) => Promise<unknown>;
+    };
+  }
+}
+
+export const transferTicket = async (
+  ticketId: number,
+  receiverAddress: string
+): Promise<string> => {
+  try {
+    if (typeof window.ethereumProvider === 'undefined') {
+      throw new Error('Please install MetaMask or another Ethereum wallet');
+    }
+    await window.ethereumProvider.request?.({ method: 'eth_requestAccounts' });
+    const provider = new ethers.providers.Web3Provider(window.ethereumProvider);
+    const signer = provider.getSigner();
+    const contract = getContract().connect(signer);
+    if (!ethers.utils.isAddress(receiverAddress)) {
+      throw new Error('Invalid receiver address');
+    }
+
+    const tx = await contract.transferTicket(ticketId, receiverAddress);
+    const receipt = await tx.wait();
+    return receipt.transactionHash;
+  } catch (error) {
+    console.error('Error transferring ticket:', error);
+    throw error;
+  }
+};