Resolve #3495024 "Make top bar"

Closes #3495024

dist/css/components/top_bar.css

 .gin--navigation-top-bar {
   padding-block: var(--gin-spacing-xxxs);
   border-block-end: 1px solid var(--admin-toolbar-color-gray-100);
+  background: var(--gin-bg-layer);
   box-shadow: none;
-  height: 54px;
+  min-height: 54px;
+  height: auto;
 }
 
 .gin--navigation-top-bar .top-bar__burger {
   align-self: center;
 }
 
-.gin--navigation-top-bar .form-actions {
-  margin-block-start: 0;
+.gin--navigation-top-bar .top-bar__actions,
+.gin--navigation-top-bar .local-actions {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--gin-spacing-xs);
+}
+
+.gin--navigation-top-bar .local-actions,
+.gin--navigation-top-bar .local-actions__item,
+.gin--navigation-top-bar .form-actions,
+.gin--navigation-top-bar .gin-sticky-form-actions {
+  width: auto;
+  margin: 0;
 }
 
 .gin--navigation-top-bar button,
-.gin--navigation-top-bar input[type=submit] {
+.gin--navigation-top-bar input[type=submit],
+.gin--navigation-top-bar .local-actions__item a {
   padding: var(--gin-spacing-xs) var(--gin-spacing-s);
   margin-block: 0;
   box-shadow: none;