style(AppSectionBar): enhance layout and styling for improved visual presentation

- Updated .app-section-bar__copy to use flexbox for better alignment and spacing.
- Added gap and flex-wrap properties to improve layout responsiveness.
- Adjusted styles in .app-section-bar__eyebrow for a more cohesive design.

frontend/src/components/AppSectionBar.vue

@@ -166,12 +166,14 @@ export default {
 }
 
 .app-section-bar__copy {
+  display: flex;
+  align-items: center;
+  gap: 10px;
   min-width: 0;
 }
 
 .app-section-bar__eyebrow {
   display: inline-flex;
-  margin-bottom: 6px;
   padding: 4px 10px;
   border-radius: var(--radius-pill);
   background: var(--color-secondary-soft);
@@ -200,6 +202,10 @@ export default {
     align-items: flex-start;
   }
 
+  .app-section-bar__copy {
+    flex-wrap: wrap;
+  }
+
   .app-section-bar__back {
     width: 100%;
   }