[ENG-10684] Update Authenticated Identity section (#924)

* feat(settings): update authenticated identity section

* style(settings): Update styles

* refactor(settings): Update Authenticated Identity section

Author: futa-ikeda

src/app/features/settings/profile-settings/components/authenticated-identity/authenticated-identity.component.html

@@ -22,17 +22,18 @@ <h2>
           </p-button>
         </div>
       } @else {
-        <p-button
-          class="w-6 md:w-auto"
-          [label]="'settings.profileSettings.social.connectOrcid' | translate"
-          severity="secondary"
-          (onClick)="connectOrcid()"
-        >
-        </p-button>
-        <p
-          class="mt-2 text-sm text-gray-600"
-          [innerHTML]="'settings.profileSettings.social.orcidDescription' | translate"
-        ></p>
+        <img ngSrc="assets/images/integrations/orcid-logotype.png" width="130" height="40" alt="orcid" />
+        <p class="mt-2" [innerHTML]="'settings.profileSettings.social.orcidDescription' | translate"></p>
+        <p class="mt-2 font-bold">{{ 'settings.profileSettings.social.orcidWarning' | translate }}</p>
+        <div class="mt-2">
+          <p-button
+            class="w-6 md:w-auto"
+            [label]="'settings.profileSettings.social.connectOrcid' | translate"
+            severity="secondary"
+            (onClick)="connectOrcid()"
+          >
+          </p-button>
+        </div>
       }
     </div>
   </div>

src/assets/i18n/en.json

@@ -1851,6 +1851,7 @@
         "connectOrcid": "Connect ORCID",
         "disconnectOrcid": "Disconnect ORCID",
         "orcidDescription": "Link your ORCID. ORCID is a free, unique, persistent identifier (PID) for individuals to use as they engage in research, scholarship, and innovation activities. Learn how ORCID can help you spend more time conducting your research and less time managing it. <a href='https://orcid.org/' target='_blank'>Learn more about ORCID.</a>",
+        "orcidWarning": "NOTE: Your OSF account email and ORCID email need to match to correctly link your ORCID to your OSF profile.",
         "title": "Social Link {{index}}",
         "successUpdate": "Social successfully updated.",
         "labels": {