feat(ui): lazy-load all SettingsRouter, EntityRouter, and EntityImportRouter pages (PR #14) (open-metadata#28797)

Convert 47 eager page/component imports in SettingsRouter.tsx to React.lazy()
+ withSuspenseFallback() so the settings chunk is not part of the main bundle.
Also lazify EntityVersionPage in EntityRouter and BulkEntityImportPage in
EntityImportRouter.

- SettingsRouter.tsx: 47 imports → React.lazy() with webpack chunk splitting
- EntityRouter.tsx: EntityVersionPage → lazy
- EntityImportRouter.tsx: BulkEntityImportPage → lazy
- Named exports use .then((m) => ({ default: m.X })) pattern

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: shah-harshit

openmetadata-ui/src/main/resources/ui/src/components/AppRouter/EntityImportRouter.tsx

@@ -10,16 +10,25 @@
  *  See the License for the specific language governing permissions and
  *  limitations under the License.
  */
-import { useCallback, useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import { Navigate, Route, Routes, useNavigate } from 'react-router-dom';
 import { SUPPORTED_BULK_IMPORT_EDIT_ENTITY } from '../../constants/BulkImport.constant';
 import { ROUTES } from '../../constants/constants';
 import { usePermissionProvider } from '../../context/PermissionProvider/PermissionProvider';
 import { ResourceEntity } from '../../context/PermissionProvider/PermissionProvider.interface';
 import { useFqn } from '../../hooks/useFqn';
-import BulkEntityImportPage from '../../pages/EntityImport/BulkEntityImportPage/BulkEntityImportPage';
 import { DEFAULT_ENTITY_PERMISSION } from '../../utils/PermissionsUtils';
 import { useRequiredParams } from '../../utils/useRequiredParams';
+import withSuspenseFallback from './withSuspenseFallback';
+
+const BulkEntityImportPage = withSuspenseFallback(
+  React.lazy(
+    () =>
+      import(
+        '../../pages/EntityImport/BulkEntityImportPage/BulkEntityImportPage'
+      )
+  )
+);
 
 const EntityImportRouter = () => {
   const navigate = useNavigate();

openmetadata-ui/src/main/resources/ui/src/components/AppRouter/EntityRouter.tsx

@@ -10,17 +10,23 @@
  *  See the License for the specific language governing permissions and
  *  limitations under the License.
  */
-import { useMemo } from 'react';
+import React, { useMemo } from 'react';
 import { Navigate, Route, Routes } from 'react-router-dom';
 import {
   PLACEHOLDER_ROUTE_ENTITY_TYPE,
   ROUTES,
 } from '../../constants/constants';
 import { EntityType } from '../../enums/entity.enum';
-import EntityVersionPage from '../../pages/EntityVersionPage/EntityVersionPage.component';
 import entityUtilClassBase from '../../utils/EntityUtilClassBase';
 import { useRequiredParams } from '../../utils/useRequiredParams';
 import EntityImportRouter from './EntityImportRouter';
+import withSuspenseFallback from './withSuspenseFallback';
+
+const EntityVersionPage = withSuspenseFallback(
+  React.lazy(
+    () => import('../../pages/EntityVersionPage/EntityVersionPage.component')
+  )
+);
 
 const EntityRouter = () => {
   const { entityType } = useRequiredParams<{ entityType: EntityType }>();