Update link to use same ORCID base URL as backend is using

Author: eecavanna

web/src/components/Presentation/OrcidId.vue

@@ -1,5 +1,6 @@
 <script lang="ts">
 import { defineComponent } from '@vue/composition-api';
+import { ORCID_BASE_URL } from '@/util';
 
 export default defineComponent({
   props: {
@@ -26,7 +27,7 @@ export default defineComponent({
 <template>
   <div :style="{display: 'flex'}">
     <a
-      :href="`https://orcid.org/${orcidId}`"
+      :href="`${ORCID_BASE_URL}/${orcidId}`"
       :style="{display: 'flex'}"
     >
       <span

web/src/util.js

@@ -188,3 +188,9 @@ export function formatBiosampleDepth(depthAnnotation, depth) {
   }
   return formattedStr;
 }
+
+/**
+ * Base URL (without a trailing slash) at which the user can access
+ * the same ORCID environment being used by the backend API.
+ */
+export const ORCID_BASE_URL = process.env.NMDC_ORCID_BASE_URL || "https://orcid.org";