fix(FR-2817): unclip folder-status invitation badge and add /data invitation entry point

Resolves #7251(FR-2817)

Two regressions surfaced after the storage-status widget moved to the dashboard:
(1) the red `+N` badge over `초대된 폴더` was placed with a negative Y-offset that
pushed it above the dashboard card body and got clipped, and (2) the `/data` page
offered no in-page entry point to view, accept, or reject pending invitations —
the user could only reach the invitation modal via the (clipped) badge.

- StorageStatusPanelCard: drop the negative Y offset on the invitation Badge
  (`offset={[-token.sizeXS, 0]}`) so it overlays the title's top-right corner
  inside the card body bounds.
- VFolderNodeListPage: add a `Pending invitations` button with a count badge
  next to `Create Folder` whenever `useVFolderInvitations()` reports any pending
  invitation. Clicking it sets `?invitation=true`, which the existing global
  `FolderInvitationResponseModalOpener` already binds to to open the
  accept/reject modal.
- i18n: add `data.invitation.PendingInvitations` to all 21 locales.

Verification:
- Relay: PASS
- Lint: PASS
- Format: PASS
- TypeScript: pre-existing failures only (unrelated)

Author: ironAiken2

react/src/components/StorageStatusPanelCard.tsx

@@ -208,7 +208,7 @@ const StorageStatusPanelCard: React.FC<StorageStatusPanelProps> = ({
                 >
                   <Badge
                     count={`+${invitationCount}`}
-                    offset={[-`${token.sizeXS}`, -`${token.sizeXS}`]}
+                    offset={[-token.sizeXS, 0]}
                   >
                     <Typography.Text
                       style={{ fontSize: token.fontSizeHeading5 }}

react/src/pages/VFolderNodeListPage.tsx

@@ -39,7 +39,12 @@ import { graphql, useLazyLoadQuery } from 'react-relay';
 import { useBAIPaginationOptionStateOnSearchParamLegacy } from 'src/hooks/reactPaginationQueryOptions';
 import { useBAISettingUserState } from 'src/hooks/useBAISetting';
 import { useVFolderInvitations } from 'src/hooks/useVFolderInvitations';
-import { StringParam, useQueryParams, withDefault } from 'use-query-params';
+import {
+  StringParam,
+  useQueryParam,
+  useQueryParams,
+  withDefault,
+} from 'use-query-params';
 
 export const isDeletedCategory = (status?: string | null) => {
   return _.includes(
@@ -93,6 +98,7 @@ const VFolderNodeListPage: React.FC<VFolderNodeListPageProps> = ({
   const currentProject = useCurrentProjectValue();
   const baiClient = useSuspendedBackendaiClient();
   const [invitations] = useVFolderInvitations();
+  const [, setInvitationOpen] = useQueryParam('invitation', StringParam);
 
   const [columnOverrides, setColumnOverrides] = useBAISettingUserState(
     'table_column_overrides.VFolderNodeListPage',
@@ -255,14 +261,32 @@ const VFolderNodeListPage: React.FC<VFolderNodeListPageProps> = ({
         variant="borderless"
         title={t('data.Folders')}
         extra={
-          <BAIButton
-            type="primary"
-            onClick={() => {
-              toggleCreateModal();
-            }}
-          >
-            {t('data.CreateFolder')}
-          </BAIButton>
+          <BAIFlex gap="xs" align="center">
+            {invitations.length > 0 && (
+              <Badge
+                count={invitations.length}
+                color={token.colorWarning}
+                size="small"
+                offset={[-token.sizeXS, token.sizeXS]}
+              >
+                <BAIButton
+                  onClick={() => {
+                    setInvitationOpen('true', 'replaceIn');
+                  }}
+                >
+                  {t('data.invitation.PendingInvitations')}
+                </BAIButton>
+              </Badge>
+            )}
+            <BAIButton
+              type="primary"
+              onClick={() => {
+                toggleCreateModal();
+              }}
+            >
+              {t('data.CreateFolder')}
+            </BAIButton>
+          </BAIFlex>
         }
         styles={{
           header: {

resources/i18n/de.json

@@ -824,6 +824,7 @@
       "NoOneWasInvited": "Niemand eingeladen, da Einladung bereits existiert",
       "NoOneWasShared": "Fehler beim Freigeben des Gruppenordners",
       "NoValidEmails": "Es wurden keine gültigen E-Mails eingegeben",
+      "PendingInvitations": "Ausstehende Einladungen",
       "Shared": "Gruppenordner erfolgreich freigegeben",
       "SharingError": "Die Freigabe ist fehlgeschlagen. Der Benutzer ist möglicherweise bereits freigegeben oder gehört nicht zu dem entsprechenden Projekt.",
       "SuccessfullyAcceptedInvitation": "Erfolgreich akzeptierte Einladung",

resources/i18n/el.json

@@ -824,6 +824,7 @@
       "NoOneWasInvited": "Κανείς δεν έχει προσκληθεί αφού υπάρχει ήδη πρόσκληση",
       "NoOneWasShared": "Αποτυχία κοινοποίησης του φακέλου ομάδας",
       "NoValidEmails": "Δεν καταχωρήθηκαν έγκυρα μηνύματα ηλεκτρονικού ταχυδρομείου",
+      "PendingInvitations": "Εκκρεμείς προσκλήσεις",
       "Shared": "Κοινοποιήθηκε επιτυχώς ο φάκελος της ομάδας",
       "SharingError": "Η κοινή χρήση απέτυχε. Ο χρήστης ενδέχεται να έχει ήδη κοινοποιηθεί ή δεν ανήκει σε κατάλληλο έργο.",
       "SuccessfullyAcceptedInvitation": "Επιτυχώς αποδεκτή πρόσκληση",

resources/i18n/en.json

@@ -825,6 +825,7 @@
       "NoOneWasInvited": "No one invited since invitation already exists",
       "NoOneWasShared": "Failed to share the group folder",
       "NoValidEmails": "No valid emails were entered",
+      "PendingInvitations": "Pending invitations",
       "Shared": "Successfully shared the group folder",
       "SharingError": "Sharing failed. User may already be shared or does not belong to appropriate project.",
       "SuccessfullyAcceptedInvitation": "Successfully accepted invitation",

resources/i18n/es.json

@@ -824,6 +824,7 @@
       "NoOneWasInvited": "No se invita a nadie puesto que la invitación ya existe",
       "NoOneWasShared": "Error al compartir la carpeta de grupo",
       "NoValidEmails": "No se han introducido correos electrónicos válidos",
+      "PendingInvitations": "Invitaciones pendientes",
       "Shared": "Compartida con éxito la carpeta de grupo",
       "SharingError": "Error al compartir. Es posible que el usuario ya esté compartido o que no pertenezca al proyecto adecuado.",
       "SuccessfullyAcceptedInvitation": "Invitación aceptada con éxito",

resources/i18n/fi.json

@@ -824,6 +824,7 @@
       "NoOneWasInvited": "Ketään ei ole kutsuttu, koska kutsu on jo olemassa",
       "NoOneWasShared": "Ryhmäkansion jakaminen epäonnistui",
       "NoValidEmails": "Kelvollisia sähköposteja ei ole syötetty",
+      "PendingInvitations": "Odottavat kutsut",
       "Shared": "Ryhmäkansion jakaminen onnistui",
       "SharingError": "Jakaminen epäonnistui. Käyttäjä on ehkä jo jaettu tai ei kuulu asianmukaiseen projektiin.",
       "SuccessfullyAcceptedInvitation": "Onnistuneesti hyväksytty kutsu",

resources/i18n/fr.json

@@ -824,6 +824,7 @@
       "NoOneWasInvited": "Personne n'a été invité car l'invitation existe déjà",
       "NoOneWasShared": "Échec du partage du dossier de groupe",
       "NoValidEmails": "Aucun e-mail valide n'a été saisi",
+      "PendingInvitations": "Invitations en attente",
       "Shared": "Le dossier de groupe a été partagé avec succès",
       "SharingError": "Le partage a échoué. L'utilisateur est peut-être déjà partagé ou n'appartient pas au projet approprié.",
       "SuccessfullyAcceptedInvitation": "Invitation acceptée avec succès",

resources/i18n/id.json

@@ -824,6 +824,7 @@
       "NoOneWasInvited": "Tidak ada yang diundang karena undangan sudah ada",
       "NoOneWasShared": "Gagal membagikan folder grup",
       "NoValidEmails": "Tidak ada email valid yang dimasukkan",
+      "PendingInvitations": "Undangan tertunda",
       "Shared": "Folder grup berhasil dibagikan",
       "SharingError": "Gagal berbagi. Pengguna mungkin sudah dibagikan atau tidak ada dalamm proyek yang sesuai.",
       "SuccessfullyAcceptedInvitation": "Undangan yang berhasil diterima",

resources/i18n/it.json

@@ -824,6 +824,7 @@
       "NoOneWasInvited": "Nessuno invitato poiché l'invito esiste già",
       "NoOneWasShared": "Impossibile condividere la cartella del gruppo",
       "NoValidEmails": "Non sono state inserite email valide",
+      "PendingInvitations": "Inviti in sospeso",
       "Shared": "Condivisione riuscita della cartella del gruppo",
       "SharingError": "Condivisione non riuscita. L'utente potrebbe essere già condiviso o non appartenere al progetto appropriato.",
       "SuccessfullyAcceptedInvitation": "Invito accettato con successo",