fix(header): coat of arms updates (#888)

Updating all instances of the old coat of arms to the new version.

Co-authored-by: murrlipp <[email protected]>

docs/_includes/layouts/base.njk

@@ -8,20 +8,20 @@
               href="{{ '/assets/images/favicon.ico' | url }}"
               type="image/x-icon">
         <link rel="apple-touch-icon"
-              href="{{ '/assets/images/moj-apple-touch-icon-180x180.png' | url }}"
+              href="{{ '/assets/images/moj-apple-touch-icon-180x180-2024.png' | url }}"
               sizes="180x180">
         <link rel="apple-touch-icon"
-              href="{{ '/assets/images/moj-apple-touch-icon-167x167.png' | url }}"
+              href="{{ '/assets/images/moj-apple-touch-icon-167x167-2024.png' | url }}"
               sizes="167x167">
         <link rel="apple-touch-icon"
-              href="{{ '/assets/images/moj-apple-touch-icon-152x152.png' | url }}"
+              href="{{ '/assets/images/moj-apple-touch-icon-152x152-2024.png' | url }}"
               sizes="152x152">
         <link rel="apple-touch-icon"
-              href="{{ '/assets/images/moj-apple-touch-icon.png' | url }}">
+              href="{{ '/assets/images/moj-apple-touch-icon-2024.png' | url }}">
         <meta name="description"
               content="Design your service using MoJ styles, components and patterns">
         <meta property="og:image"
-              content="{{ '/assets/images/moj-opengraph-image.png' | url }}">
+              content="{{ '/assets/images/moj-opengraph-image-2024.png' | url }}">
         <link href="{{ '/assets/stylesheets/application-20241028.css' | url }}"
               rel="stylesheet">
         {% block pageStyles %}{% endblock %}

docs/components/button-menu.md

@@ -120,13 +120,13 @@ Content can run into a second line.
 
 The location of the buttons helps users to know what the tasks relate to.
 
-<p><img src="/assets/images/button-menu-case-management-example.png" alt="An example of a button menu used next to a GOV.UK default button on a Ministry of Justice webpage. The grey button menu is to the right of the green GOV.UK button. Both are to the right of an H2 called 'Case management'. This is all below an H1 called 'Tom Smith'. The green button reads 'Record review' and the button menu has 'Print options' as a title, and contains the items: Print case, Print review, Print investigation and Print referral."></p>
+<p><img src="/assets/images/button-menu-case-management-example-2024.png" alt="An example of a button menu used next to a GOV.UK default button on a Ministry of Justice webpage. The grey button menu is to the right of the green GOV.UK button. Both are to the right of an H2 called 'Case management'. This is all below an H1 called 'Tom Smith'. The green button reads 'Record review' and the button menu has 'Print options' as a title, and contains the items: Print case, Print review, Print investigation and Print referral."></p>
 
 ### Within the multi select component
 
 Adding a button menu to the multi select component helps users complete common tasks quickly, for example assigning cases.
 
-<p><img src="/assets/images/button-menu-multi-select-example.png" alt="An example of a button menu and GOV.UK default button on a Ministry of Justice webpage. The grey button menu is to the right of the green button. This is next to the H2 title 'Case management'. Both are below the H1 title 'Case management'. The title of the green button is 'Record review' and the button menu is 'Print options', which contains: Print case, Print review, Print investigation and Print referral."></p>
+<p><img src="/assets/images/button-menu-multi-select-example-2024.png" alt="An example of a button menu and GOV.UK default button on a Ministry of Justice webpage. The grey button menu is to the right of the green button. This is next to the H2 title 'Case management'. Both are below the H1 title 'Case management'. The title of the green button is 'Record review' and the button menu is 'Print options', which contains: Print case, Print review, Print investigation and Print referral."></p>
 
 ## Get help and contribute
 

docs/components/date-picker.md

@@ -106,11 +106,11 @@ If you're using more than one date picker, give each text field its own error su
 
 ### Filtering information with a date picker
 
-<p><img src="/assets/images/date-picker-filter-example.png" alt="A screenshot with the title 'Attended appointments'. In a grey box is the title Filter, underneath is the title Date and then a text input field. The calendar icon and a green 'Apply filter' button is on the right. Below this element is the text '7 appointments'. Details of these appointments are shown."></p>
+<p><img src="/assets/images/date-picker-filter-example-2024.png" alt="A screenshot with the title 'Attended appointments'. In a grey box is the title Filter, underneath is the title Date and then a text input field. The calendar icon and a green 'Apply filter' button is on the right. Below this element is the text '7 appointments'. Details of these appointments are shown."></p>
 
 ### Asking a question with a date picker
 
-<p><img src="/assets/images/date-picker-question-example.png" alt="A screenshot with the title 'What date do you want to view appointments for?' Underneath is the title 'Date' and then a text input field with the calendar icon. Underneath that is a green 'Continue' button."></p>
+<p><img src="/assets/images/date-picker-question-example-2024.png" alt="A screenshot with the title 'What date do you want to view appointments for?' Underneath is the title 'Date' and then a text input field with the calendar icon. Underneath that is a green 'Continue' button."></p>
 
 
 ## Contributors

docs/patterns/add-to-a-list.md

@@ -10,7 +10,7 @@ This pattern is in the GOV.UK Design System [community backlog](https://github.c
 {% endbanner %}
 
 <div class="govuk-form-group">
-    <img alt="A three step process: Ask the user for information, view a summary of that information and ask if they want to add more of the same type of information, if they do it will take them back to the first step to ask the user for information again." src="../../assets/images/add-to-a-list-05.png" width="100%">
+    <img alt="A three step process: Ask the user for information, view a summary of that information and ask if they want to add more of the same type of information, if they do it will take them back to the first step to ask the user for information again." src="../../assets/images/add-to-a-list-05-2024.png" width="100%">
 </div>
 
 ## When to use