UI/comment threads fixes

[ButteryCrumpet]

FIxes

• Correctly display user icon
• sort by latest reply
• Correctly set Closed threads to outdated
• Add thread context summary to thread list

[Rokt33r]

We can make a hook useLiveUser which using the same hooks of withLiveUser
So I would like to use the below code.

export function useLiveUser(user: User) {
    const { permissions } = usePage()

    const normalizedUser = useMemo(() => {
      if (permissions == null) {
        return user
      }

      const permission = permissions.find((permission) => permission.user.id)
      return permission != null ? permission.user : user
    }, [user, permissions])
}

const LiveUserIcon = (props: Exclude<UserIconProps, 'user'>) => {
  const liveUser = useLiveUser()

   return <UserIcon {...props} user={liveUser}/>
}

By doing this, we don't have to introduce another pattern HOC.
And the hook pattern is much easier to compose with other hooks while composing HOCs are quite difficult to understand and control.)