feat(frontend): my message menu shows when it was read or listened, group readers open in a right panel

frontend/src/lib/i18n/messages.ts

@@ -1,12 +1,14 @@
 import { account } from "#lib/i18n/messages/account.js";
 import { common } from "#lib/i18n/messages/common.js";
 import { menu } from "#lib/i18n/messages/menu.js";
+import { read } from "#lib/i18n/messages/read.js";
 import { settings } from "#lib/i18n/messages/settings.js";
 
 export const messages = {
   ...account,
   ...common,
   ...menu,
+  ...read,
   ...settings,
 };
 

frontend/src/lib/i18n/messages/read.ts

@@ -0,0 +1,49 @@
+import type { Messages } from "#lib/i18n/types.js";
+
+export const read = {
+  "read.at": { en: "Read {when}", ru: "Прочитано {when}" },
+  "read.done": { en: "Read", ru: "Прочитано" },
+  "read.listened": { en: "Listened {when}", ru: "Прослушано {when}" },
+  "read.pending": { en: "Read time", ru: "Время прочтения" },
+  "read.readers": { en: "Read by {count}", ru: "Прочитали: {count}" },
+  "read.readers.empty": {
+    en: "Nobody has read it yet",
+    ru: "Пока никто не прочитал",
+  },
+  "read.readers.title": { en: "Read by", ru: "Прочитали" },
+  "read.reason.chat_too_big": {
+    en: "The group has over 100 members",
+    ru: "В группе больше 100 участников",
+  },
+  "read.reason.error": {
+    en: "Telegram did not answer",
+    ru: "Telegram не ответил",
+  },
+  "read.reason.flood": {
+    en: "Telegram asked to wait",
+    ru: "Telegram попросил подождать",
+  },
+  "read.reason.too_old": {
+    en: "Telegram no longer keeps the time",
+    ru: "Telegram уже не хранит время",
+  },
+  "read.reason.unavailable": {
+    en: "Telegram cannot find the chat",
+    ru: "Telegram не находит чат",
+  },
+  "read.reason.user_privacy": {
+    en: "They hide their read time",
+    ru: "Собеседник скрывает время прочтения",
+  },
+  "read.reason.your_privacy": {
+    en: "You hide your read time",
+    ru: "Вы скрываете своё время прочтения",
+  },
+  "read.unread": { en: "Not read yet", ru: "Не прочитано" },
+  "read.when.day": { en: "{day} at {time}", ru: "{day} в {time}" },
+  "read.when.today": { en: "today at {time}", ru: "сегодня в {time}" },
+  "read.when.yesterday": {
+    en: "yesterday at {time}",
+    ru: "вчера в {time}",
+  },
+} satisfies Messages;