fix(frontend): truncate long handles in remote user profile and card

thoughts-frontend/components/remote-user-card.tsx

@@ -42,9 +42,9 @@ export function RemoteUserCard({ actor }: RemoteUserCardProps) {
         className="flex items-center gap-3 hover:opacity-80"
       >
         <UserAvatar src={actor.avatarUrl} alt={actor.displayName ?? actor.handle} />
-        <div>
-          <p className="font-medium">{actor.displayName ?? actor.handle}</p>
-          <p className="text-sm text-muted-foreground">{actor.handle}</p>
+        <div className="min-w-0">
+          <p className="font-medium truncate">{actor.displayName ?? actor.handle}</p>
+          <p className="text-sm text-muted-foreground truncate">{actor.handle}</p>
         </div>
       </Link>
       <Button