fix: render create action bar in page layout

apps/ui/src/styles.css

@@ -398,6 +398,7 @@ button {
 .page-stack,
 .stack-layout,
 .builder-stack,
+.create-page-layout,
 .service-grid,
 .service-method-list {
   display: grid;
@@ -872,9 +873,7 @@ button {
   align-items: center;
   justify-content: space-between;
   gap: 16px;
-  width: calc(100% + 56px);
-  margin-left: -28px;
-  margin-right: -28px;
+  width: 100%;
   padding: 12px 28px;
   border-radius: 0;
   background: rgba(255, 255, 255, 0.9);
@@ -894,6 +893,10 @@ button {
   font-size: 12.5px;
 }
 
+.sticky-action-bar-slot {
+  width: 100%;
+}
+
 .field-error {
   color: #a1422c;
   font-size: 12px;
@@ -1162,9 +1165,6 @@ pre {
   }
 
   .sticky-action-bar {
-    width: calc(100% + 32px);
-    margin-left: -16px;
-    margin-right: -16px;
     padding-left: 16px;
     padding-right: 16px;
   }