MIN

Создать универсальный компонент списка чатов в папке src/components Chat.tsx

Пропсами принимаем в него интерфейс

pic?: string, (Аватарка)
title: string, (заголовок)
message: string, (текст последнего сообщения в чате)
timeStamp: Date (время отправки)
status: UserStatus; (Это enum он уже есть в папке types)

Смотри приложенный скрин

Создать файл рядом с тестовыми данными - моками.
По нажатию на него - выводим сообщение в консоль.
Аватарка не круглая, а квадраная со скругленными углами, брать компонент https://mui.com/material-ui/react-avatar/ variant="rounded"
Сделать функцию в папке utils, которая на вход будет принимать текст, высчитывать ширину контейнера родителя и обрезать текст так, чтобы помещалась какая-то его часть и в конце добавлялись три точки - посмотри как это в телеграмме.