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

packages/wyatt_ui_layout/lib/src/presentation/layouts/structural_layouts/frame_layout.dart

@@ -52,12 +52,12 @@ class FrameLayout extends StructuralLayout {
 
   @override
   Widget build(BuildContext context) => Scaffold(
-        appBar: (customAppBar?.call(context.components.appBar) != null ||
-                context.components.appBar != null)
+        appBar: (customAppBar?.call(context.components.topAppBar) != null ||
+                context.components.topAppBar != null)
             ? PreferredSize(
                 preferredSize: Size.fromHeight(height),
-                child: customAppBar?.call(context.components.appBar) ??
-                    context.components.appBar!,
+                child: customAppBar?.call(context.components.topAppBar) ??
+                    context.components.topAppBar!,
               )
             : null,
         body: body,

packages/wyatt_ui_layout/lib/src/presentation/layouts/structural_layouts/top_app_bar_layout.dart

@@ -82,7 +82,8 @@ class TopAppBarLayout extends TopBarLayout<TopAppBarComponent> {
   });
 
   @override
-  TopAppBarComponent? child(BuildContext context) => context.components.appBar;
+  TopAppBarComponent? child(BuildContext context) =>
+      context.components.topAppBar;
 }
 
 /// A concrete implementation of [TopBarLayout] for a navigation bar.
@@ -102,5 +103,5 @@ class TopNavigationBarLayout extends TopBarLayout<TopNavigationBarComponent> {
 
   @override
   TopNavigationBarComponent? child(BuildContext context) =>
-      context.components.topNavigationBarComponent;
+      context.components.topNavigationBar;
 }