chore(update): add images

research/astro.config.mjs

@@ -1,6 +1,5 @@
 import { defineConfig } from 'astro/config'
 import tailwind from '@astrojs/tailwind'
-import node from '@astrojs/node'
 import svelte from '@astrojs/svelte'
 
 import vercel from '@astrojs/vercel/serverless'

research/src/components/layout/BaseHead.astro

@@ -7,7 +7,7 @@ interface Props {
     ogImage?: URL
 }
 
-//const canonicalURL = new URL(Astro.url.pathname, Astro.site);
+const canonicalURL = new URL(Astro.url.pathname, Astro.site);
 
 Astro.props.ogImage ??= new URL(
     `${Astro.url.origin}/assets/EIPsForNerds7-EIP-7657(SyncCommitteeSlashings).webp`,
@@ -25,18 +25,18 @@ const { title, description, ogImage } = Astro.props
     <meta name="description" content={description} />
 
     <meta property="og:type" content="website" />
-    <!--<meta property="og:url" content={canonicalURL} /> -->
+    <meta property="og:url" content={canonicalURL} />
     <meta property="og:title" content={title} />
     <meta property="og:description" content={description} />
     <meta property="og:image" content={ogImage} />
 
     <meta property="twitter:card" content="summary_large_image" />
-    <!--<meta property="twitter:url" content={canonicalURL} /> -->
+    <meta property="twitter:url" content={canonicalURL} />
     <meta property="twitter:title" content={title} />
     <meta property="twitter:description" content={description} />
     <meta property="twitter:image" content={ogImage} />
 
-    <!--<link rel="canonical" href={canonicalURL} /> -->
+    <link rel="canonical" href={canonicalURL} />
     <link rel="icon" type="image/svg" href="/favicon.svg" />
 
     <script

research/src/layouts/Footer.astro

@@ -138,7 +138,7 @@
             </form>
             <span id="response-message" class="text-sm"></span>
         </div>
-
+        
         <script>
             document.addEventListener('DOMContentLoaded', () => {
                 // TODO: this should be moved to another comp. along with the email form