Add Policies FAQ to links and restructure links to make them more obvious

Author: KevinMind

src/olympia/devhub/templates/devhub/includes/agreement.html

@@ -4,8 +4,18 @@
     {{ agreement_message }}
   </p>
   <ul class="agreement-links">
-    <li>{{ agreement_form.distribution_agreement }}<a href="{{ url('devhub.docs', 'policies/agreement') }}" target="_blank" rel="noopener noreferrer">{{ _('Firefox Add-on Distribution Agreement') }}</a> {{ agreement_form.distribution_agreement.errors }}</li>
-    <li>{{ agreement_form.review_policy }}<a href="{{ url('devhub.docs', 'policies/reviews') }}" target="_blank" rel="noopener noreferrer">{{ _('Review Policies and Rules') }}</a> {{ agreement_form.review_policy.errors }}</li>
+    <li>
+      {{ agreement_form.distribution_agreement }}
+      {{ _('Firefox Add-on Distribution Agreement') }}
+      (<a href="{{ url('devhub.docs', 'policies/agreement') }}" target="_blank" rel="noopener noreferrer">{{ _('link') }}</a>)
+      {{ agreement_form.distribution_agreement.errors }}
+    </li>
+    <li>
+      {{ agreement_form.review_policy }}
+      {{ _('Review Policies and Rules') }}
+      (<a href="{{ url('devhub.docs', 'policies/reviews') }}" target="_blank" rel="noopener noreferrer">{{ _('link') }}</a> <a href="{{ url('devhub.docs', 'policies/faq') }}" target="_blank" rel="noopener noreferrer">{{ _('faq') }}</a>)
+      {{ agreement_form.review_policy.errors }}
+    </li>
   </ul>
   <p>
     {{ _('I have read and accept this Agreement and the Rules and Policies') }}.