feat(layout)!: update layout plugins with new components system

packages/wyatt_ui_layout/example/lib/core/app_theme_component.dart

@@ -7,7 +7,7 @@ import 'package:wyatt_ui_layout_example/pages/bottom_navigation_bar_layout_page_
 
 class AppThemeComponent {
   static ComponentThemeData get components => ComponentThemeData.raw(
-        appBar: const CustomAppBar(),
+        topAppBar: const CustomAppBar(),
         bottomNavigationBar: CustomBottomNavigationBar(
           onTap: (context, index) {
             switch (index) {

packages/wyatt_ui_layout/example/lib/main.dart

@@ -29,7 +29,7 @@ class MyApp extends StatelessWidget {
   // This widget is the root of your application.
   @override
   Widget build(BuildContext context) => ComponentTheme(
-        componentThemeWidget: AppThemeComponent.components,
+        data: AppThemeComponent.components,
         child: MaterialApp(
           title: 'Wyatt Ui Layout Example',
           theme: ThemeData(

packages/wyatt_ui_layout/example/lib/pages/app_bar_layout_page.dart

@@ -7,7 +7,8 @@ class AppBarLayoutPage extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) => TopAppBarLayout(
-        custom: (p0) => p0?.copyWith.title('New Title'.wrap()),
+        custom: (topBar) =>
+            topBar?.copyWith.title(const TextWrapper('New Title')),
         body: const Center(
           child: Text(
             'Body',