add style for succeeded status and translate for referral status

src/app/ui/referral-page/table/invitations-table.tsx

@@ -137,8 +137,8 @@ export default function InvitationsTable() {
 				cell: ({ row }) => {
 					return (
 						<div className="text-center font-semibold table-item">
-							<span className="table-item-status">
+							<span className={`table-item-status ${row.original.status === 'active' ? 'succeeded' : ''}`}>
-								{row.original.status}
+								{row.original.status ? t(row.original.status) : '#'}
 							</span>
 						</div>
 					)

src/i18n/messages/en.json

@@ -276,7 +276,9 @@
 		"method": "Method",
 		"processed": "Processed",
 		"request-date": "Request date",
-		"user-not-have-tokens-for-protect": "The user does not have any tokens for protection."
+		"user-not-have-tokens-for-protect": "The user does not have any tokens for protection.",
+		"active": "Active",
+		"not-active": "Not active"
 	},
 	"Login-register-form": {
 		"and": "and",

src/i18n/messages/ru.json

@@ -276,7 +276,9 @@
 		"method": "Способ",
 		"processed": "Обработано",
 		"request-date": "Дата запроса",
-		"user-not-have-tokens-for-protect": "У пользователя нет токенов для защиты"
+		"user-not-have-tokens-for-protect": "У пользователя нет токенов для защиты",
+		"active": "Активен",
+		"not-active": "Не активен"
 	},
 	"Login-register-form": {
 		"and": "и",