Add Token terminal and fix formatting to tools hub

Titles occasionally not showing.
Allow 3 cards wide
Add token terminal

docs/.vuepress/components/DocsCardTools.vue

@@ -5,9 +5,8 @@
         <div v-if="icon" class="card-icon-row">
           <img :src="icon" />
         </div>
-        <div v-if="!!title || $slots.header" :class="['header']">
-          <!-- eslint-disable-next-line vue/no-v-text-v-html-on-component -->
-          <component :is="titleTag" v-if="!!title" v-text="title" />
+        <div :class="['header']">
+          <component :is="titleTag" v-text="title" />
         </div>
         <div class="details">
           {{ details }}

docs/.vuepress/components/Tools.vue

@@ -123,6 +123,12 @@ const analyticsSites = [
     details: 'Protocol, pool and token metrics. Additionally, an in-depth financial dashboard and service-provider analytics board.',
     link: 'https://balancer.defilytica.com/',
   },
+  {
+    title: 'Token Terminal',
+    icon: '/images/toolshub/tokenterminal.jpg',
+    details: 'Tools to evaluate and track Balancer',
+    link: 'https://tokenterminal.com/terminal/projects/balancer',
+  }, 
   {
     title: 'Dune veBAL',
     icon: '/images/toolshub/DuneLogoCircle.svg',
@@ -152,7 +158,7 @@ function _getLinkTarget(link) {
 
 <style scoped>
 .tools-container {
-  max-width: 800px;
+  max-width: 1200px;
   margin: 0 auto;
 }