feat: add Vercel integration for project deployment

This commit introduces Vercel integration, enabling users to deploy projects directly to Vercel. It includes:
- New Vercel types and store for managing connections and stats.
- A VercelConnection component for managing Vercel account connections.
- A VercelDeploymentLink component for displaying deployment links.
- API routes for handling Vercel deployments.
- Updates to the HeaderActionButtons component to support Vercel deployment.

The integration allows users to connect their Vercel accounts, view project stats, and deploy projects with ease.

app/components/@settings/tabs/connections/ConnectionsTab.tsx

@@ -1,5 +1,6 @@
 import { motion } from 'framer-motion';
 import React, { Suspense } from 'react';
+import VercelConnection from './VercelConnection';
 
 // Use React.lazy for dynamic imports
 const GithubConnection = React.lazy(() => import('./GithubConnection'));
@@ -39,6 +40,9 @@ export default function ConnectionsTab() {
         <Suspense fallback={<LoadingFallback />}>
           <NetlifyConnection />
         </Suspense>
+        <Suspense fallback={<LoadingFallback />}>
+          <VercelConnection />
+        </Suspense>
       </div>
     </div>
   );