fix(FR-1383): add missing i18n key and fix HTML tooltip rendering (#4161)

Resolves #4160 ([FR-1383https://lablup.atlassian.net/browse/FR-1383))

# Fix tooltip rendering and add missing i18n key for Recently Created Sessions

## Summary

Fix missing i18n key and HTML rendering issues in tooltip components.

## Issues Fixed

- **Missing i18n key**: The tooltip was not displayed correctly due to the missing RecentlyCreatedSessionsTooltip key
- **HTML rendering**: i18n messages containing HTML tags (e.g., p tags) were displayed as plain strings instead of rendered HTML

## Changes

- ✅ Added missing RecentlyCreatedSessionsTooltip key to all 21 language files
- ✅ Modified MyResource.tsx to use Trans component for proper HTML rendering in tooltips
- ✅ Updated BaseResourceItem.tsx tooltip prop type from string to ReactNode to support React components
- ✅ Enhanced RecentlyCreatedSession.tsx to support parameterized tooltips with count values
- ✅ Added i18n-ally regex patterns to code-workspace for better i18n key detection

## Files Changed

- backend.ai-webui.code-workspace - Added i18n-ally regex patterns
- react/src/components/BaseResourceItem.tsx - Enhanced tooltip prop type
- react/src/components/MyResource.tsx - Added Trans component usage
- react/src/components/RecentlyCreatedSession.tsx - Added count parameter support
- resources/i18n/*.json (21 files) - Added missing translation key

Author: yomybaby

react/src/components/BaseResourceItem.tsx

@@ -30,7 +30,7 @@ export interface AcceleratorSlotDetail {
 export interface BaseResourceItemProps {
   title: ReactNode | string;
   titleStyle?: React.CSSProperties;
-  tooltip?: string;
+  tooltip?: ReactNode;
   isRefetching?: boolean;
   displayType: 'usage' | 'remaining';
   onDisplayTypeChange: (type: 'usage' | 'remaining') => void;

react/src/components/MyResource.tsx

@@ -14,7 +14,7 @@ import { Typography } from 'antd';
 import { BAICardProps, BAIFlex } from 'backend.ai-ui';
 import _ from 'lodash';
 import { useCallback, useMemo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
 
 interface MyResourceProps extends BAICardProps {
   fetchKey?: string;
@@ -135,7 +135,7 @@ const MyResource: React.FC<MyResourceProps> = ({
           </Typography.Title>
         </BAIFlex>
       }
-      tooltip={t('webui.menu.MyResourcesDescription')}
+      tooltip={<Trans i18nKey={'webui.menu.MyResourcesDescription'} />}
       isRefetching={isRefetching || internalIsRefetching}
       displayType={type}
       onDisplayTypeChange={setType}

react/src/components/RecentlyCreatedSession.tsx

@@ -70,7 +70,9 @@ const RecentlyCreatedSession: React.FC<RecentlyCreatedSessionProps> = ({
       >
         <BAIBoardItemTitle
           title={t('session.RecentlyCreatedSessions')}
-          tooltip={t('session.RecentlyCreatedSessionsTooltip')}
+          tooltip={t('session.RecentlyCreatedSessionsTooltip', {
+            count: 5,
+          })}
           extra={
             <BAIFetchKeyButton
               size="small"

resources/i18n/de.json

@@ -1284,6 +1284,7 @@
     "ReadLess": "Weniger lesen",
     "ReadMore": "Mehr lesen...",
     "RecentlyCreatedSessions": "Kürzlich erstellte Sitzungen",
+    "RecentlyCreatedSessionsTooltip": "Zeigt die {{count}} zuletzt erstellten laufenden Sessions im aktuellen Projekt",
     "RequestContainerCommit": "Container Commit anfordern",
     "Reservation": "Reservierung",
     "ResourceGroup": "Ressourcengruppe",

resources/i18n/el.json

@@ -1282,6 +1282,7 @@
     "ReadLess": "Διαβάστε λιγότερα",
     "ReadMore": "Διαβάστε Περισσότερα...",
     "RecentlyCreatedSessions": "Πρόσφατα δημιουργήθηκαν συνεδρίες",
+    "RecentlyCreatedSessionsTooltip": "Εμφανίζει τις {{count}} πιο πρόσφατα δημιουργημένες εκτελούμενες συνεδρίες στο τρέχον έργο",
     "RequestContainerCommit": "Αίτηση δέσμευσης εμπορευματοκιβωτίου",
     "Reservation": "Κράτηση",
     "ResourceGroup": "Ομάδα πόρων",

resources/i18n/en.json

@@ -1291,6 +1291,7 @@
     "ReadLess": "Read less",
     "ReadMore": "Read More...",
     "RecentlyCreatedSessions": "Recently Created Sessions",
+    "RecentlyCreatedSessionsTooltip": "Shows the {{count}} most recently created running sessions in the current project",
     "RequestContainerCommit": "Request Container Commit",
     "Reservation": "Reservation",
     "ResourceGroup": "Resource Group",

resources/i18n/es.json

@@ -1286,6 +1286,7 @@
     "ReadLess": "Leer menos",
     "ReadMore": "Leer más...",
     "RecentlyCreatedSessions": "Sesiones creadas recientemente",
+    "RecentlyCreatedSessionsTooltip": "Muestra las {{count}} sesiones en ejecución creadas más recientemente en el proyecto actual",
     "RequestContainerCommit": "Solicitud de Compromiso de Contenedor",
     "Reservation": "Reserva",
     "ResourceGroup": "Grupo de recursos",

resources/i18n/fi.json

@@ -1285,6 +1285,7 @@
     "ReadLess": "Lue vähemmän",
     "ReadMore": "Lue lisää...",
     "RecentlyCreatedSessions": "Äskettäin loivat istunnot",
+    "RecentlyCreatedSessionsTooltip": "Näyttää {{count}} viimeisintä luotua käynnissä olevaa istuntoa nykyisessä projektissa",
     "RequestContainerCommit": "Pyyntö Container Commit",
     "Reservation": "Varaukset",
     "ResourceGroup": "Resurssiryhmä",

resources/i18n/fr.json

@@ -1286,6 +1286,7 @@
     "ReadLess": "Lire moins",
     "ReadMore": "Lire la suite...",
     "RecentlyCreatedSessions": "Sessions récemment créées",
+    "RecentlyCreatedSessionsTooltip": "Affiche les {{count}} sessions en cours d'exécution les plus récemment créées dans le projet actuel",
     "RequestContainerCommit": "Demande de conteneur Engagement",
     "Reservation": "Réservation",
     "ResourceGroup": "Groupe de ressources",

resources/i18n/id.json

@@ -1284,6 +1284,7 @@
     "ReadLess": "Baca lebih sedikit",
     "ReadMore": "Baca Selengkapnya...",
     "RecentlyCreatedSessions": "Sesi yang baru dibuat",
+    "RecentlyCreatedSessionsTooltip": "Menampilkan {{count}} sesi yang sedang berjalan yang baru dibuat di proyek saat ini",
     "RequestContainerCommit": "Permintaan Komitmen Kontainer",
     "Reservation": "Reservasi",
     "ResourceGroup": "Grup Sumber Daya",