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/loading/index.tsx

@@ -18,7 +18,7 @@ const Loading = (
       className={`flex w-full items-center justify-center ${type === 'app' ? 'h-full' : ''}`}
       role="status"
       aria-live="polite"
-      aria-label={t('appApi.loading')}
+      aria-label={t('loading', { ns: 'appApi' })}
     >
       <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" className="spin-animation">
         <g clipPath="url(#clip0_324_2488)">