Untitled

const mockUserList = [
  {
    id: 'user1_id',
    name: 'John',
    surname: 'Doe',
    unreadMessages: 2,
  },
  {
    id: 'user2_id',
    name: 'Jane',
    surname: 'Doe',
    unreadMessages: 0,
  },
  {
    id: 'user3_id',
    name: 'Bob',
    surname: 'Smith',
    unreadMessages: 5,
  },
  {
    id: 'user4_id',
    name: 'Alice',
    surname: 'Johnson',
    unreadMessages: 1,
  },
  {
    id: 'user5_id',
    name: 'Charlie',
    surname: 'Brown',
    unreadMessages: 3,
  },
  {
    id: 'user6_id',
    name: 'Emily',
    surname: 'Davis',
    unreadMessages: 0,
  },
  {
    id: 'user1_id',
    name: 'John',
    surname: 'Doe',
    unreadMessages: 2,
  },
  {
    id: 'user2_id',
    name: 'Jane',
    surname: 'Doe',
    unreadMessages: 0,
  },
  {
    id: 'user3_id',
    name: 'Bob',
    surname: 'Smith',
    unreadMessages: 5,
  },
  {
    id: 'user4_id',
    name: 'Alice',
    surname: 'Johnson',
    unreadMessages: 1,
  },
  {
    id: 'user5_id',
    name: 'Charlie',
    surname: 'Brown',
    unreadMessages: 3,
  },
  {
    id: 'user6_id',
    name: 'Emily',
    surname: 'Davis',
    unreadMessages: 0,
  },
  {
    id: 'user1_id',
    name: 'John',
    surname: 'Doe',
    unreadMessages: 2,
  },
  {
    id: 'user2_id',
    name: 'Jane',
    surname: 'Doe',
    unreadMessages: 0,
  },
  {
    id: 'user3_id',
    name: 'Bob',
    surname: 'Smith',
    unreadMessages: 5,
  },
  {
    id: 'user4_id',
    name: 'Alice',
    surname: 'Johnson',
    unreadMessages: 1,
  },
  {
    id: 'user5_id',
    name: 'Charlie',
    surname: 'Brown',
    unreadMessages: 3,
  },
  {
    id: 'user6_id',
    name: 'Emily',
    surname: 'Davis',
    unreadMessages: 0,
  },
  {
    id: 'user1_id',
    name: 'John',
    surname: 'Doe',
    unreadMessages: 2,
  },
  {
    id: 'user2_id',
    name: 'Jane',
    surname: 'Doe',
    unreadMessages: 0,
  },
  {
    id: 'user3_id',
    name: 'Bob',
    surname: 'Smith',
    unreadMessages: 5,
  },
  {
    id: 'user4_id',
    name: 'Alice',
    surname: 'Johnson',
    unreadMessages: 1,
  },
  {
    id: 'user5_id',
    name: 'Charlie',
    surname: 'Brown',
    unreadMessages: 3,
  },
  {
    id: 'user6_id',
    name: 'Emily',
    surname: 'Davis',
    unreadMessages: 0,
  },
];
const mockMessages = [
  {
    id: 'msg1',
    messageText: 'Hello',
    messageDate: new Date(),
    name: 'John',
    isSender: false,
  },
  {
    id: 'msg2',
    messageText: 'Hi',
    messageDate: new Date(),
    name: 'Jane',
    isSender: true
  },
  {
    id: 'msg3',
    messageText: 'How are you?',
    messageDate: new Date(),
    name: 'John',
    isSender: false,
  },
  {
    id: 'msg4',
    messageText: 'I am fine',
    messageDate: new Date(),
    name: 'Jane',
    isSender: true
  }
]