[BACKPORT 2024.1][DB-12587] yugabyted: Update data migration UI (#23291)

Summary:
* Prereqs component

* Step details component

* Step card component

* Use children function for stepcard component

* New migration schema page UI

* Migration schema summary tab refactoring graph

* Reuse RefactoringGraph component for assessment and schema pages

* Fix badge classname

* Reuse RefactoringTables component for assessment and schema pages

* Import schema step minor changes

* Accordion support for StepCards

* Fix build and conflicts

* Integrate existing migrate schema API with the UI

* Schema migration analysis - Suggested refactoring API integration

* Navigate to the schema migration page when in the analyze schema phase

* Add next/previous buttons for migration steps

* Update migration schema analysis API integration objects

* Generate OpenAPI specs

* Remove type assertions for migrate-schema as we have the data models

* Implement more details support for AssessmentRefactoring feature table

* Add todo statement

* Reuse RefactoringGraph component for assessment and schema pages

* Migrate data initial UI

* StepCard status support, migrate data with progress bars

* Integrate export and import migration data with existing APIs

* Fix build

* Fix merge error

Original commit: [[ 78b0ae4 | 78b0ae4 ]]
Jira: DB-12587

Test Plan: Manual Tests

Reviewers: djiang

Reviewed By: djiang

Subscribers: yugabyted-dev

Differential Revision: https://phorge.dev.yugabyte.com/D37868

yugabyted-ui/ui/src/components/YBAccordion/YBAccordion.tsx

@@ -18,7 +18,8 @@ const useAccordionStyles = makeStyles((theme: Theme) => ({
   },
   shrinkContainer: {
     display: 'flex',
-    flexShrink: 1
+    flexShrink: 1,
+    alignSelf: 'center'
   },
   //add more variants
   primary: {

yugabyted-ui/ui/src/features/clusters/details/migration/MigrationStep.tsx

@@ -1,7 +1,7 @@
 import React, { FC } from "react";
 import { Box } from "@material-ui/core";
 import type { Migration } from "./MigrationOverview";
-import { MigrationData } from "./steps/MigrationData";
+import { MigrationData } from "./steps/data/NewMigrationData";
 import { MigrationAssessment } from "./steps/assessment/MigrationAssessment";
 import { MigrationSchema } from "./steps/schema/NewMigrationSchema";
 import { MigrationVerify } from "./steps/MigrationVerify";

yugabyted-ui/ui/src/features/clusters/details/migration/steps/MigrationData.tsx → yugabyted-ui/ui/src/features/clusters/details/migration/steps/data/MigrationData.tsx

@@ -1,7 +1,7 @@
 import React, { FC } from "react";
 import { Box, LinearProgress, makeStyles, Theme, Typography, useTheme } from "@material-ui/core";
 import { useTranslation } from "react-i18next";
-import type { Migration } from "../MigrationOverview";
+import type { Migration } from "../../MigrationOverview";
 import {
   GenericFailure,
   STATUS_TYPES,
@@ -11,7 +11,7 @@ import {
   YBStatus,
   YBTable,
 } from "@app/components";
-import { MigrationPhase } from "../migration";
+import { MigrationPhase } from "../../migration";
 import RefreshIcon from "@app/assets/refresh.svg";
 import { useGetVoyagerDataMigrationMetricsQuery } from "@app/api/src";