feat(website): refactor bridge docs (#4139)

Author: danpeen

apps/website-new/docs/en/guide/basic/data-fetch/index.mdx

@@ -130,7 +130,7 @@ import Consumer from '@components/en/data-fetch/consumer';
 
 #### Parameters
 
-By default, parameters are passed to the loader function. The type is [dataFetchParams](../../../practice/bridge/react-bridge#datafetchparams), which includes the following field:
+By default, parameters are passed to the loader function. The type is [DataFetchParams](/practice/bridge/react-bridge/load-component#datafetchparams), which includes the following field:
 
 - `isDowngrade` (boolean): Indicates whether the current execution context is in a fallback mode. For example, if Server-Side Rendering (SSR) fails, a new request is sent from the client-side (CSR) to the server to call the loader function. In this case, the value is `true`.
 

apps/website-new/docs/en/guide/framework/modernjs.mdx

@@ -91,7 +91,7 @@ The Modern.js plugin re-exports `@module-federation/bridge-react` from `@module-
 ### createRemoteComponent <Badge type="danger">Deprecated</Badge>
 
 ::: danger
-This API has been deprecated. Please use [createLazyComponent](../../practice/bridge/react-bridge#createlazycomponent) instead.
+This API has been deprecated. Please use [createLazyComponent](/practice/bridge/react-bridge/load-component.html#createlazycomponent-vs-createremoteappcomponent) instead.
 :::
 
 #### Migration Guide
@@ -128,7 +128,7 @@ export default App;
 ### createRemoteSSRComponent <Badge type="danger">Deprecated</Badge>
 
 ::: danger
-This API has been deprecated. Please use [createLazyComponent](../../practice/bridge/react-bridge#createlazycomponent) instead.
+This API has been deprecated. Please use [createLazyComponent](/practice/bridge/react-bridge/load-component.html#createlazycomponent-vs-createremoteappcomponent) instead.
 :::
 
 #### Migration Guide

apps/website-new/docs/en/guide/start/quick-start.mdx

@@ -4,8 +4,6 @@ import { Badge, PackageManagerTabs } from "@theme";
 
 Before reading this guide, please first read the [Setting Up Environment](./setting-up-env). This guide will lead you step by step to learn how to use Module Federation. We will build two independent Single Page Applications (SPAs) that will share components using Module Federation. If you encounter unfamiliar terms in the following text, please refer to the [Glossary](./glossary).
 
-_<Badge text="Note:" type="info" /> <small>You can also use [Nx](https://nx.dev) to rapidly scaffold Module Federation projects for [React](../../practice/frameworks/react/using-nx-for-react) and [Angular](../../practice/frameworks/angular/using-nx-for-angular).</small>_
-
 ## Creating a New Project
 
 Module Federation provides the `create-module-federation` tool to create projects. You don't need to install it globally; you can directly use `npx` to run it on-demand.
@@ -164,7 +162,7 @@ export default createModuleFederationConfig({
 
 ## Existing project integration
 
-If you want to integrate `Module Federation` into an existing project, you can refer to [docs](../../practice/frameworks/index).
+If you want to integrate `Module Federation` into an existing project, you can refer to [docs](../../practice/frameworks/overview).
 
 ## Summary
 

apps/website-new/docs/en/practice/_meta.json

@@ -13,23 +13,6 @@
     "type": "dir",
     "name": "frameworks",
     "label": "Frameworks",
-    "collapsed": true
-  },
-  {
-    "type": "dir",
-    "name": "monorepos",
-    "label": "Monorepos",
-    "collapsed": true
-  },
-  {
-    "type": "dir",
-    "name": "scenario",
-    "label": "Scenarios",
-    "collapsed": true
-  },
-  {
-    "type": "dir",
-    "name": "performance",
-    "label": "Performance"
+    "collapsed": false
   }
 ]

apps/website-new/docs/en/practice/bridge/_meta.json

@@ -1,19 +1,19 @@
 [
   {
     "type": "file",
-    "name": "index",
-    "label": "Bridge overview"
+    "name": "overview",
+    "label": "Bridge Overview"
   },
   {
-    "type": "file",
+    "type": "dir",
     "name": "react-bridge",
-    "label": "React bridge",
-    "collapsed": true
+    "label": "React Bridge",
+    "collapsed": false,
+    "index": "getting-started"
   },
   {
     "type": "file",
     "name": "vue-bridge",
-    "label": "Vue bridge",
-    "collapsed": true
+    "label": "Vue Bridge"
   }
 ]