routerlink: route account delegation to validator

- add href in security_contact

Author: Salman Wahib <hello@sxlmnwb.xyz>

src/modules/[chain]/index.vue

@@ -333,11 +333,13 @@ const amount = computed({
           <tbody>
             <tr v-for="(item, index) in walletStore.delegations" :key="index">
               <td>
+                <RouterLink class="link link-primary no-underline" :to="`/${chain}/staking/${item?.delegation?.validator_address}`">
                 {{
                   format.validatorFromBech32(
                     item?.delegation?.validator_address
                   )
                 }}
+                </RouterLink>
               </td>
               <td>{{ format.formatToken(item?.balance) }}</td>
               <td>

src/modules/[chain]/staking/[validator].vue

@@ -217,7 +217,13 @@ const tipMsg = computed(() => {
               <div class="flex items-center">
                 <Icon icon="mdi-email-outline" class="text-xl mr-1" />
                 <span class="font-bold mr-2">{{ $t('staking.contact') }}: </span>
-                <span> {{ v.description?.security_contact }}</span>
+                <a
+                  v-if="v?.description?.security_contact"
+                  :href="'mailto:' + v.description.security_contact || '#' "
+                  class="cursor-pointer"
+                >
+                  {{ v.description?.security_contact || '-' }}
+                </a>
               </div>
             </div>
             <p class="text-sm mt-4 mb-3 font-medium">{{ $t('staking.validator_status') }}</p>