Fix order of components in application layout

app/views/layouts/application.html.erb

@@ -56,16 +56,11 @@
       end
     end %>
 
-    <div class="govuk-width-container">
+    <%= govuk_phase_banner(
-      <aside>
+      classes: "govuk-width-container",
-        <%= govuk_phase_banner(
+      tag: { text: "Beta" },
-          tag: { text: "Beta" },
+      text: "This is a new service – help us improve it by <a class=\"govuk-link\" href=\"#{t('feedback_form')}\" rel=\"noreferrer noopener\" target=\"_blank\">giving us your feedback (opens in a new tab)</a>".html_safe,
-          text: "This is a new service – help us improve it by <a class=\"govuk-link\" href=\"#{t('feedback_form')}\" rel=\"noreferrer noopener\" target=\"_blank\">giving us your feedback (opens in a new tab)</a>".html_safe,
+    ) %>
-        ) %>
-        <%= content_for(:breadcrumbs) %>
-        <%= content_for(:before_content) %>
-      </aside>
-    </div>
 
     <% if !current_user.nil? %>
       <% if current_user.support? %>
@@ -85,6 +80,9 @@
     <% end %>
 
     <div class="govuk-width-container">
+      <%= content_for(:breadcrumbs) %>
+      <%= content_for(:before_content) %>
+
       <main class="govuk-main-wrapper" id="main-content" role="main">
         <% if flash.notice && !flash.notice.include?("translation missing") %>
           <%= govuk_notification_banner(