UI: [VAULT-12979] Dashboard Landing Page

ui/app/components/dashboard/learn-more-card.js

@@ -19,23 +19,23 @@ export default class DashboardLearnMoreCard extends Component {
   get learnMoreLinks() {
     return [
       {
-        link: 'https://developer.hashicorp.com/vault/tutorials/secrets-management',
+        link: '/vault/tutorials/secrets-management',
         icon: 'docs-link',
         title: 'Secrets Management',
       },
       {
-        link: 'https://developer.hashicorp.com/vault/tutorials/monitoring',
+        link: '/vault/tutorials/monitoring',
         icon: 'docs-link',
         title: 'Monitor & Troubleshooting',
       },
       {
-        link: 'https://developer.hashicorp.com/vault/tutorials/adp/transform',
+        link: '/vault/tutorials/adp/transform',
         icon: 'learn-link',
         title: 'Advanced Data Protection: Transform engine',
         requiredFeature: 'Transform Secrets Engine',
       },
       {
-        link: 'https://developer.hashicorp.com/vault/tutorials/secrets-management/pki-engine',
+        link: '/vault/tutorials/secrets-management/pki-engine',
         icon: 'learn-link',
         title: 'Build your own Certificate Authority (CA)',
       },

ui/app/templates/components/dashboard/learn-more-card.hbs

@@ -11,13 +11,12 @@
           (not learnMoreLink.requiredFeature)
         )
       }}
-        <Hds::Link::Standalone
-          @icon={{learnMoreLink.icon}}
-          @text={{learnMoreLink.title}}
-          @href={{learnMoreLink.link}}
-          class="has-bottom-margin-xs"
-          data-test-learn-more-link={{learnMoreLink.title}}
-        />
+        <div class="has-bottom-margin-xxs">
+          <DocLink data-test-learn-more-link={{learnMoreLink.title}} @path={{learnMoreLink.link}}>
+            <Icon @name={{learnMoreLink.icon}} />
+            {{learnMoreLink.title}}
+          </DocLink>
+        </div>
       {{/if}}
 
     {{/each}}

ui/app/templates/components/dashboard/secrets-engines-card.hbs

@@ -62,13 +62,10 @@
   </Hds::Table>
   {{#if (gt this.filteredSecretsEngines.length 4)}}
     <div class="is-flex-end has-top-margin-s" data-test-secrets-engines-card-show-all>
-      <Hds::Link::Standalone
-        class="has-text-weight-semibold is-no-underline"
-        @icon="arrow-right"
-        @iconPosition="trailing"
-        @text="Show all"
-        @route="vault.cluster.secrets.backends"
-      />
+      <LinkTo @route="vault.cluster.secrets.backends" class="has-text-weight-semibold is-no-underline">
+        Show all
+        <Icon @name="arrow-right" />
+      </LinkTo>
     </div>
   {{/if}}
 </Hds::Card::Container>