refactor(i18n): use JSON with flattened key and namespace (#30114)

Co-authored-by: yyh <yuanyouhuilyz@gmail.com>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

web/app/components/base/features/new-feature-panel/annotation-reply/annotation-ctrl-button.tsx

@@ -47,7 +47,7 @@ const AnnotationCtrlButton: FC<Props> = ({
       answer,
     })
     Toast.notify({
-      message: t('common.api.actionSuccess') as string,
+      message: t('api.actionSuccess', { ns: 'common' }) as string,
       type: 'success',
     })
     onAdded(res.id, res.account?.name ?? '')
@@ -57,7 +57,7 @@ const AnnotationCtrlButton: FC<Props> = ({
     <>
       {cached && (
         <Tooltip
-          popupContent={t('appDebug.feature.annotation.edit')}
+          popupContent={t('feature.annotation.edit', { ns: 'appDebug' })}
         >
           <ActionButton onClick={onEdit}>
             <RiEditLine className="h-4 w-4" />
@@ -66,7 +66,7 @@ const AnnotationCtrlButton: FC<Props> = ({
       )}
       {!cached && answer && (
         <Tooltip
-          popupContent={t('appDebug.feature.annotation.add')}
+          popupContent={t('feature.annotation.add', { ns: 'appDebug' })}
         >
           <ActionButton onClick={handleAdd}>
             <RiFileEditLine className="h-4 w-4" />