Move and finish the 1:1 chat component to quo library

[ulisesmac]

Problem

We have the 1:1 chat component defined in status-im2.contexts.chat.home.chat-list-item.view, but according to figma, it is a component that should be defined as part of the quo2 library.

Screen with chats:
https://www.figma.com/file/7KIYbhoqNGAIFonE0w9TDz/Messages-for-Mobile?type=design&node-id=1424-343023&mode=dev

Component in library:
https://www.figma.com/file/WQZcp6S0EnzxdTL4taoKDv/Design-System-for-Mobile?type=design&node-id=10732-130432&mode=design&t=Z6hZDu3Ilwu46l04-4

Implementation

That component is using a gray-dot styles that are duplicated. they were added in this PR:

• [#16481] Fix unread badge group chats #16610
  now that the component will be part of quo2 library, we can use the gray dot component expected.

Acceptance Criteria

• Check that the component is looking as designs and fix the styles if required
• Make sure it accepts customization color and uses the with-theme HOC
• Implent all variants of the 1:1 component.