[APM] Improve table and other panel loading states (#53459) (#53583)

Updated text loading states to animated spinners.

x-pack/legacy/plugins/apm/public/components/shared/LoadingStatePrompt.tsx

@@ -5,20 +5,14 @@
  */
 
 import React from 'react';
-import { i18n } from '@kbn/i18n';
-import { EuiEmptyPrompt } from '@elastic/eui';
+import { EuiFlexGroup, EuiFlexItem, EuiLoadingSpinner } from '@elastic/eui';
 
 export function LoadingStatePrompt() {
   return (
-    <EuiEmptyPrompt
-      title={
-        <div>
-          {i18n.translate('xpack.apm.loading.prompt', {
-            defaultMessage: 'Loading...'
-          })}
-        </div>
-      }
-      titleSize="s"
-    />
+    <EuiFlexGroup justifyContent="spaceAround">
+      <EuiFlexItem grow={false}>
+        <EuiLoadingSpinner size="l" />
+      </EuiFlexItem>
+    </EuiFlexGroup>
   );
 }

x-pack/plugins/translations/translations/ja-JP.json

@@ -3557,7 +3557,6 @@
     "xpack.apm.fetcher.error.status": "エラー",
     "xpack.apm.fetcher.error.title": "リソースの取得中にエラーが発生しました",
     "xpack.apm.fetcher.error.url": "URL",
-    "xpack.apm.loading.prompt": "読み込み中…",
     "xpack.apm.localFilters.titles.agentName": "エージェント名",
     "xpack.apm.localFilters.titles.containerId": "コンテナー ID",
     "xpack.apm.localFilters.titles.host": "ホスト",
@@ -12716,4 +12715,4 @@
     "xpack.licensing.welcomeBanner.licenseIsExpiredDescription.updateYourLicenseLinkText": "ライセンスを更新",
     "xpack.licensing.welcomeBanner.licenseIsExpiredTitle": "ご使用の {licenseType} ライセンスは期限切れです"
   }
-}
+}

x-pack/plugins/translations/translations/zh-CN.json

@@ -3558,7 +3558,6 @@
     "xpack.apm.fetcher.error.status": "错误",
     "xpack.apm.fetcher.error.title": "提取资源时出错",
     "xpack.apm.fetcher.error.url": "URL",
-    "xpack.apm.loading.prompt": "正在加载……",
     "xpack.apm.localFilters.titles.agentName": "代理名称",
     "xpack.apm.localFilters.titles.containerId": "容器 ID",
     "xpack.apm.localFilters.titles.host": "主机",