Fix order of components in application layout

app/views/layouts/application.html.erb

@@ -56,16 +56,11 @@
       end
     end %>
 
-    <div class="govuk-width-container">
-      <aside>
     <%= govuk_phase_banner(
+      classes: "govuk-width-container",
       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,
     ) %>
-        <%= 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(