Add a new banner for telling you about trial mode

We’ve found in research that developers have no idea they’re in trial
mode until they hit an error. And even then they don’t really know what
trial mode means.

So this commit:
- adds a message to the API integration page about trial mode
- puts it in a really yellow banner to draw attention to it
- adds the same banner to the settings page

app/templates/views/api/index.html

@@ -1,6 +1,7 @@
 {% extends "withnav_template.html" %}
 {% from "components/table.html" import list_table, field, hidden_field_heading %}
 {% from "components/api-key.html" import api_key %}
+{% from "components/banner.html" import banner_wrapper %}
 
 {% block page_title %}
   API integration – GOV.UK Notify
@@ -12,6 +13,15 @@
     API integration
   </h1>
 
+  {% if current_service.restricted %}
+    {% call banner_wrapper(type='warning') %}
+      <h2 class="heading-medium">Your service is in trial mode</h2>
+      <p>
+        You can only send messages to people in your team.
+      </p>
+    {% endcall %}
+  {% endif %}
+
   <nav class="grid-row">
     <div class="column-half">
       <a class="pill-separate-item" href="{{ url_for('.api_keys', service_id=current_service.id) }}">API keys</a>