update: small keywords about standalone migration for lepton-x theme

docs/en/ui-themes/lepton-x/how-to-use-lepton-x-components-with-angular-custom-layout.md

@@ -5,25 +5,22 @@ First, The custom layout component should be created and implemented for the Ang
 Related content can be found in the [Component Replacement Document](../../framework/ui/angular/component-replacement.md#how-to-replace-a-layout)
 
 
- 
+After creating a custom layout, these imports should be imported in the `app.config.ts` file because the modules contain definitions of the Lepton X components.
-After creating a custom layout, these imports should be imported in the `app.module.ts` file because the modules contain definitions of the Lepton X components.
 
 
 ```javascript
-// app.module.ts
+// app.config.ts
 import { LpxSideMenuLayoutModule } from '@volosoft/ngx-lepton-x/layouts';
 import { LpxResponsiveModule } from '@volo/ngx-lepton-x.core';// optional. Only, if you are using lpxResponsive directive
 
- @NgModule({
+export const appConfig: ApplicationConfig = {
- //... removed for clearity
+  providers: [
-  imports: [
+    importProvidersFrom([
-  	//... removed for clearity
+      LpxSideMenuLayoutModule,
-  	LpxSideMenuLayoutModule,
+  	  LpxResponsiveModule // <-- Optional
-  	LpxResponsiveModule // <-- Optional
+    ])
-  	]
+  ],
-})
+};
-export class AppModule {}
-
 ```
 
 Here is the simplified version of the `side-menu-layout.ts` file. Only the ABP Component Replacement code has been removed.