add youtube link

www/components/Footer/index.tsx

@@ -37,7 +37,7 @@ const Footer = (props: Props) => {
                 />
               </a>
             </Link>
-            <div className="flex space-x-6">
+            <div className="flex space-x-5">
               <a href="https://twitter.com/supabase" className="text-gray-300 hover:text-gray-400">
                 <span className="sr-only">Twitter</span>
                 <svg className="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
@@ -66,6 +66,13 @@ const Footer = (props: Props) => {
                   />
                 </svg>
               </a>
+
+              <a href="https://youtube.com/c/supabase" className="text-gray-300 hover:text-gray-400">
+                <span className="sr-only">Youtube</span>
+                <svg className="h-6 w-6" fill="currentColor" viewBox="0 0 576 512" aria-hidden="true">
+                  <path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/>
+                </svg>
+              </a>
             </div>
           </div>
           <div className="mt-12 grid grid-cols-1 gap-8 xl:mt-0 xl:col-span-2">