Fix table overflow and add website link to actions

- Added min-w-0 to deployments div and overflow-hidden to main
- Fixed application_fqdn not being passed through API transformation
- Globe icon now shows for all deployments with fqdn

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/app/api/deployments/route.ts

@@ -116,6 +116,7 @@ echo json_encode($result->toArray());
       deployment_uuid: d.deployment_uuid as string,
       application_uuid: d.application_uuid as string,
       application_name: (d.application_name as string) || 'Unknown App',
+      application_fqdn: d.application_fqdn as string | undefined,
       status,
       created_at: d.created_at as string,
       updated_at: d.updated_at as string,

src/app/page.tsx

@@ -235,7 +235,7 @@ export default function Home() {
 
       case 'deployments':
         return (
-          <div>
+          <div className="min-w-0">
             <div className="mb-6">
               <h2 className="text-xl font-semibold text-slate-900 dark:text-stone-100 mb-2">
                 Deployments
@@ -329,7 +329,7 @@ export default function Home() {
     <div className="min-h-screen bg-slate-50 dark:bg-stone-950">
       <Header activeTab={activeTab} onTabChange={(tab) => setActiveTab(tab as TabId)} tabs={tabs} />
 
-      <main className="max-w-6xl mx-auto px-4 sm:px-6 py-8">
+      <main className="max-w-6xl mx-auto px-4 sm:px-6 py-8 overflow-hidden">
         {renderTabContent()}
       </main>
 

src/components/DeploymentsTable.tsx

@@ -175,7 +175,7 @@ export function DeploymentsTable({ deployments, isLoading, onRefresh }: Deployme
         id: 'actions',
         cell: ({ row }) => (
           <div className="flex items-center gap-1">
-            {row.original.application_fqdn && row.original.status === 'finished' && (
+            {row.original.application_fqdn && (
               <a
                 href={row.original.application_fqdn}
                 target="_blank"