fix: use new Project Icon component

Author: zebateira

src/pages/News.vue

@@ -13,7 +13,10 @@
       <ul class="flex flex-wrap justify-center ma0 pa0 mb2">
         <li class="list " v-for="project in newsletters" :key="project.id">
           <a v-on:click="onClickTrack(project)" class="newsletter-link pv3 ph4 db ma1 br3 flex items-center no-underline navy" :href="project.newsletterUrl" target="blank">
-            <img class="h2 mr3" :src="project.logo" :alt="`${project.name} project logo`" />
+            <ProjectIcon
+              class="h2 mr3"
+              :id="project.id"
+            />
             <span class="f4">{{project.name}}</span>
           </a>
         </li>
@@ -24,6 +27,7 @@
 
 <script>
 import head from '../utils/head'
+import ProjectIcon from '../components/icons/ProjectIcon'
 import Header from '../components/Header.vue'
 import NewsletterSubscription from '../components/forms/NewsletterSubscription.vue'
 import { getNewsletters } from '../utils/projects'
@@ -33,7 +37,8 @@ export default {
   name: 'News',
   components: {
     Header,
-    NewsletterSubscription
+    NewsletterSubscription,
+    ProjectIcon
   },
   computed: {
     newsletters: function () {