Add content-metadata component to other pages

app/templates/views/privacy.html

@@ -1,4 +1,5 @@
 {% extends "withoutnav_template.html" %}
+{% from "components/content-metadata.html" import content_metadata %}
 
 {% block per_page_title %}
   Privacy notice: how we use your data
@@ -10,7 +11,11 @@
   <div class="govuk-grid-column-two-thirds">
     <h1 class="heading-large">Privacy notice: how we use your data</h1>
 
-    <p class="govuk-body">Last updated 1 October 2021</p>
+    {{ content_metadata(
+      data={
+        "Last updated": "1 October 2021"
+      }
+    ) }}
 
     <h2 class="heading-medium">Who we are</h2>
 

app/templates/views/roadmap.html

@@ -1,5 +1,6 @@
-{% from "components/table.html" import mapping_table, row, text_field, edit_field, field with context %}
 {% extends "content_template.html" %}
+{% from "components/table.html" import mapping_table, row, text_field, edit_field, field with context %}
+{% from "components/content-metadata.html" import content_metadata %}
 
 {% block per_page_title %}
   Roadmap
@@ -9,7 +10,12 @@
 
   <h1 class="heading-large">Roadmap</h1>
 
-  <p class="govuk-body">Last updated 30 November 2021<br>We review this page every 3 months.</p>
+  {{ content_metadata(
+    data={
+      "Last updated": "30 November 2021"
+    },
+    suffix="We review this page every 3 months"
+  ) }}
 
   <p class="govuk-body">The GOV.UK Notify roadmap shows what we’re working on and some of the <a class="govuk-link govuk-link--no-visited-state" href="#things-we-have-done">things we’ve done</a>.</p>
   <p class="govuk-body">The roadmap is only a guide. It does not cover everything we do, and some things may change.</p>