Show notification above page heading within session banner component

Author: paulrobertlloyd

app/assets/stylesheets/components/_session-banner.scss

@@ -12,6 +12,7 @@
   }
 
   .nhsuk-notification-banner {
+    margin-bottom: nhsuk-spacing(4);
     border-color: nhsuk-colour("white");
   }
 

app/views/layouts/session.html.erb

@@ -6,8 +6,6 @@
       <div class="nhsuk-main-wrapper nhsuk-main-wrapper--s">
         <%= yield :navigation %>
 
-        <%= render(AppFlashMessageComponent.new(flash: flash)) %>
-
         <div class="nhsuk-grid-row">
           <div class="nhsuk-grid-column-full">
             <%= yield :before_content %>

app/views/sessions/_header.html.erb

@@ -1,6 +1,8 @@
 <div class="app-session-banner">
   <div class="nhsuk-width-container">
     <div class="nhsuk-main-wrapper nhsuk-main-wrapper--s">
+      <%= render(AppFlashMessageComponent.new(flash: flash)) %>
+
       <%= h1 session_title(@session), class: "nhsuk-u-margin-bottom-2" %>
 
       <p class="nhsuk-caption-l nhsuk-u-margin-bottom-0">