Feat/tockify below the top banner

Moving the calendar from the "about" section to "engage".

src/containers/About/About.tsx

 import React from 'react'
+import ScriptTag from 'react-script-tag'
+
 import { academy, igem, league, team } from '../../assets/text/about'
 
 const About = (): JSX.Element => {
   return (
     <div className='w-full max-w-screen-xl m-auto px-8 sm:px-16 2xl:px-0 pb-24'>
+      <div data-tockify-component="mini" data-tockify-calendar="igemdesign"></div>
       <div className='flex py-20 flex-col sm:flex-row'>
         <div className='bg-pink rounded-2xl px-8 py-10 sm:w-1/2 sm:mr-10 mb-10 sm:mb-0'>
           <h2 className='font-bold text-2xl'>iGEM Academy</h2>
@@ -73,6 +76,13 @@ const About = (): JSX.Element => {
           </div>
         </div>
       </div>
+
+      <ScriptTag
+        isHydrating={false}
+        data-cfasync='false'
+        data-tockify-script='embed'
+        src='https://public.tockify.com/browser/embed.js'>
+      </ScriptTag>
     </div>
   )
 }