Rotate Learn tutorials (#9404)

* update Learn tutorials on landing page

* add Vault image

website/pages/home/img/learn/Vault.svg

@@ -0,0 +1 @@
+<svg id="LOGOS" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 162.34 162.34"><path d="M23.48,24.42l57.39,115.2,57.81-115.2ZM87.7,47.54h6.68v6.68H87.7ZM74.4,74.25H67.72V67.57H74.4Zm0-10H67.72V57.55H74.4Zm0-10H67.72V47.54H74.4Zm10,30.05H77.74V77.59h6.67Zm0-10H77.74V67.57h6.67Zm0-10H77.74V57.55h6.67Zm0-10H77.74V47.54h6.67Zm3.29,3.33h6.68v6.68H87.7Zm0,16.7V67.57h6.68v6.68Z"/></svg>

website/pages/home/index.jsx

@@ -82,20 +82,20 @@ export default function HomePage() {
         brand="consul"
         items={[
           {
-            title: 'Deploy Consul Service Mesh on Kubernetes',
-            category: 'Step-by-Step Tutorial',
-            time: '10 mins',
-            link:
-              'https://learn.hashicorp.com/tutorials/consul/service-mesh-deploy',
-            image: require('./img/learn/getting-started.svg?url'),
-          },
-          {
-            title: 'Observe Layer 7 Traffic',
+            title: 'Try Consul Service Mesh on kind',
             category: 'Step-by-Step Tutorial',
             time: '15 mins',
             link:
-              'https://learn.hashicorp.com/tutorials/consul/service-mesh-features',
-            image: require('./img/learn/kubernetes.svg?url'),
+              'https://learn.hashicorp.com/tutorials/consul/kubernetes-kind',
+            image: require('./img/learn/getting-started.svg?url'),
+          },
+          {
+            title: 'Secure Consul with Vault',
+            category: 'Step-by-Step Tutorials',
+            time: '45 mins',
+            link:
+              'https://learn.hashicorp.com/collections/consul/vault-secure',
+            image: require('./img/learn/Vault.svg?url'),
           },
         ]}
       />