Allow links for awards and certifications

Add option to set a URL for each award or certification. This is useful,
for example, when sharing verified certificates as proofs provided by
issuers.

Fixes #575

src/modals/sections/AwardModal.js

@@ -11,6 +11,7 @@ const initialValues = {
   title: '',
   awarder: '',
   date: '',
+  url: '',
   summary: '',
 };
 
@@ -21,6 +22,7 @@ const AwardModal = () => {
     title: Yup.string().required(t('shared.forms.validation.required')),
     awarder: Yup.string().required(t('shared.forms.validation.required')),
     date: Yup.date().max(new Date()),
+    url: Yup.string().url(t('shared.forms.validation.url')),
     summary: Yup.string(),
   });
 
@@ -56,6 +58,13 @@ const AwardModal = () => {
               {...getFieldProps(formik, schema, 'date')}
             />
 
+            <Input
+              label={t('shared.forms.website')}
+              className="col-span-2"
+              placeholder="https://"
+              {...getFieldProps(formik, schema, 'url')}
+            />
+
             <Input
               type="textarea"
               label={t('shared.forms.summary')}

src/modals/sections/CertificateModal.js

@@ -11,6 +11,7 @@ const initialValues = {
   title: '',
   issuer: '',
   date: '',
+  url: '',
   summary: '',
 };
 
@@ -21,6 +22,7 @@ const CertificateModal = () => {
     title: Yup.string().required(t('shared.forms.validation.required')),
     issuer: Yup.string().required(t('shared.forms.validation.required')),
     date: Yup.date().max(new Date()),
+    url: Yup.string().url(t('shared.forms.validation.url')),
     summary: Yup.string(),
   });
 
@@ -56,6 +58,13 @@ const CertificateModal = () => {
               {...getFieldProps(formik, schema, 'date')}
             />
 
+            <Input
+              label={t('shared.forms.website')}
+              className="col-span-2"
+              placeholder="https://"
+              {...getFieldProps(formik, schema, 'url')}
+            />
+
             <Input
               type="textarea"
               label={t('shared.forms.summary')}