Add "verified" state for profile fields

src/components/account.jsx

@@ -7,6 +7,7 @@ import shortenNumber from '../utils/shorten-number';
 import store from '../utils/store';
 
 import Avatar from './avatar';
+import Icon from './icon';
 import NameText from './name-text';
 
 function Account({ account }) {
@@ -129,10 +130,19 @@ function Account({ account }) {
               __html: enhanceContent(note, { emojis }),
             }}
           />
+          {fields?.length > 0 && (
             <div class="profile-metadata">
-            {fields.map(({ name, value }) => (
-              <div class="profile-field" key={name}>
-                <b>{name}</b>
+              {fields.map(({ name, value, verifiedAt }) => (
+                <div
+                  class={`profile-field ${
+                    verifiedAt ? 'profile-verified' : ''
+                  }`}
+                  key={name}
+                >
+                  <b>
+                    {name}{' '}
+                    {!!verifiedAt && <Icon icon="check-circle" size="s" />}
+                  </b>
                   <p
                     dangerouslySetInnerHTML={{
                       __html: value,
@@ -141,6 +151,7 @@ function Account({ account }) {
                 </div>
               ))}
             </div>
+          )}
           <p class="stats">
             <span>
               <b title={statusesCount}>{shortenNumber(statusesCount)}</b> Posts