Show academic year when viewing programme

Now that we're showing programmes specific to the academic year we can
show this in the heading as per the designs in the prototype.

Author: thomasleese

app/views/programmes/_heading.html.erb

@@ -0,0 +1,7 @@
+<h1 class="nhsuk-heading-l nhsuk-u-margin-bottom-2">
+  <%= @programme.name %>
+</h1>
+
+<p class="nhsuk-caption-l nhsuk-u-margin-bottom-4">
+  <%= format_academic_year(@academic_year) %>
+</p>

app/views/programmes/cohorts/index.html.erb

@@ -8,7 +8,7 @@
                                         ]) %>
 <% end %>
 
-<h1 class="nhsuk-heading-l"><%= @programme.name %></h1>
+<%= render "programmes/heading" %>
 
 <%= render AppProgrammeNavigationComponent.new(@programme, @academic_year, active: :cohorts) %>
 

app/views/programmes/overview/show.html.erb

@@ -7,7 +7,7 @@
                                         ]) %>
 <% end %>
 
-<h1 class="nhsuk-heading-l"><%= @programme.name %></h1>
+<%= render "programmes/heading" %>
 
 <%= render AppProgrammeNavigationComponent.new(@programme, @academic_year, active: :overview) %>
 

app/views/programmes/patients/index.html.erb

@@ -8,7 +8,7 @@
                                         ]) %>
 <% end %>
 
-<h1 class="nhsuk-heading-l"><%= @programme.name %></h1>
+<%= render "programmes/heading" %>
 
 <%= render AppProgrammeNavigationComponent.new(@programme, @academic_year, active: :patients) %>
 

app/views/programmes/sessions/index.html.erb

@@ -8,7 +8,7 @@
                                         ]) %>
 <% end %>
 
-<h1 class="nhsuk-heading-l"><%= @programme.name %></h1>
+<%= render "programmes/heading" %>
 
 <%= render AppProgrammeNavigationComponent.new(@programme, @academic_year, active: :sessions) %>
 

app/views/programmes/vaccinations/index.html.erb

@@ -8,7 +8,7 @@
                                         ]) %>
 <% end %>
 
-<h1 class="nhsuk-heading-l"><%= @programme.name %></h1>
+<%= render "programmes/heading" %>
 
 <%= render AppProgrammeNavigationComponent.new(@programme, @academic_year, active: :vaccinations) %>