futher client page updates2

app/client/[token]/page.tsx

@@ -731,6 +731,11 @@ export default function ClientPortalPage({
                                   href={ver ? `/client/${token}/review/${ver.id}` : '#'}
                                   onClick={handleReviewClick}
                                   className={cn(
+                                    'flex items-center gap-4 p-4 rounded-xl border transition-all group',
+                                    'bg-zinc-900 border-zinc-800 hover:border-zinc-600 hover:bg-zinc-800/70',
+                                    !ver && 'pointer-events-none opacity-40',
+                                  )}
+                                >
                                   <div className="flex-1 min-w-0">
                                     <div className="flex items-center gap-1.5">
                                       <p className="text-sm font-medium text-white">
@@ -823,7 +828,13 @@ export default function ClientPortalPage({
                           key={task.id}
                           href={ver ? `/client/${token}/review/${ver.id}` : '#'}
                           onClick={handleReviewClick}
-                          className={cn( className="h-4 w-4 text-zinc-500 shrink-0" />
+                            className={cn(
+                              'flex items-center gap-4 p-4 rounded-xl border transition-all group',
+                              'bg-zinc-900 border-zinc-800 hover:border-zinc-600 hover:bg-zinc-800/70',
+                              !ver && 'pointer-events-none opacity-40',
+                            )}
+                          >
+                            <Package className="h-4 w-4 text-zinc-500 shrink-0" />
                             <div className="min-w-[90px]">
                             <p className="font-mono font-semibold text-white text-sm">
                               {task.asset?.assetCode ?? TASK_TYPE_LABELS[task.type]}