fix: translation and layout fixes

Author: leonbotros

cryptify-front-end/src/DecryptPanel.css

@@ -1,5 +1,5 @@
 .crypt-irma-qr {
-  padding-top: 2.5em;
+  width: 100%;
 }
 
 .irma-web-form {

cryptify-front-end/src/DecryptPanel.tsx

@@ -324,7 +324,16 @@ export default class DecryptPanel extends React.Component<
   renderSenderIdentity() {
     return (
       <div className="crypt-panel-header">
-        <h1>You received files from: {this.state.senderPublic}</h1>
+           <h3>
+          <img
+            className="checkmark-icon"
+            src={checkmark}
+            alt="checkmark-icon"
+            style={{ height: "0.85em" }}
+          />
+          {getTranslation(this.props.lang).decryptPanel_verifiedEmail}:{" "}
+          {this.state.senderPublic}
+        </h3>
       </div>
     );
   }

cryptify-front-end/src/EncryptPanel.css

@@ -48,7 +48,7 @@
 }
 
 .crypt-irma-qr {
-  padding-top: 2.5em;
+  width: 100%;
 }
 
 .irma-web-form {

cryptify-front-end/src/Translations.tsx

@@ -316,5 +316,5 @@ const dutch: Translation = {
   // attribute types
   "pbdf.sidn-pbdf.mobilenumber.mobilenumber": "mobiel",
   "pbdf.gemeente.personalData.fullname": "volledige naam",
-  "pbdf.gemeente.personalData.dateofbirth": "geboorte datum",
+  "pbdf.gemeente.personalData.dateofbirth": "geboortedatum",
 };