refactor: Migrate project list page and remove legacy components (v2.0.0-alpha-4)

app/home/_components/home-page-content.tsx → app/(dashboard)/projects/(list)/_components/home-page-content.tsx

@@ -1,20 +1,32 @@
 'use client'
 
-import { useState } from 'react'
+import { useEffect, useState } from 'react'
 import { ProjectStatus } from '@prisma/client'
+import { useRouter } from 'next/navigation'
 
 import type { ProjectWithRelations } from '@/lib/data/project'
 
 import { PageHeaderWithFilter } from './page-header-with-filter'
 import { ProjectList } from './project-list'
 
+const REFRESH_INTERVAL_MS = 3000
+
 interface HomePageContentProps {
   projects: ProjectWithRelations<{ sandboxes: true }>[]
 }
 
 export function HomePageContent({ projects }: HomePageContentProps) {
+  const router = useRouter()
   const [activeFilter, setActiveFilter] = useState<'ALL' | ProjectStatus>('ALL')
 
+  useEffect(() => {
+    const interval = setInterval(() => {
+      router.refresh()
+    }, REFRESH_INTERVAL_MS)
+
+    return () => clearInterval(interval)
+  }, [router])
+
   return (
     <>
       <PageHeaderWithFilter activeFilter={activeFilter} onFilterChange={setActiveFilter} />

app/home/_components/project-actions-menu.tsx → app/(dashboard)/projects/(list)/_components/project-actions-menu.tsx

@@ -177,7 +177,7 @@ export function ProjectActionsMenu({ projectId, projectName, status }: ProjectAc
           {/* Confirmation Input */}
           <div className="space-y-2">
             <Label className="text-xs font-semibold text-muted-foreground uppercase tracking-wider pl-1">
-              Type <span className="text-white select-all">{projectName}</span> to confirm
+              Type <span className="text-white select-all normal-case">{projectName}</span> to confirm
             </Label>
             <Input
               value={confirmInput}