Add Product Hunt banner to top (not in embed) (#307)

Co-authored-by: Eric Lau <ericglau@outlook.com>

packages/ui/public/index.html

@@ -71,17 +71,18 @@
 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
 <!-- End Google Tag Manager (noscript) -->
 
-  <div class="header container flex flex-row justify-between overflow-auto">
+  <div class="header container flex flex-row justify-between items-center overflow-auto">
     <div class="flex flex-row">
       <img src="/logo.svg" alt="OpenZeppelin" width="300px">
       <a class="switch switch-solidity" href="#">Solidity Wizard</a>
       <a class="switch switch-cairo switch-off" href="/cairo">Cairo Wizard</a>
     </div>
-    <div class="flex flex-row">
+    <div class="flex flex-row items-center">
       <a class="link" href="https://forum.openzeppelin.com/" target="_blank" rel="noopener noreferrer">Forum</a>
       <a class="link" href="https://docs.openzeppelin.com/" target="_blank" rel="noopener noreferrer">Docs</a>
       <a class="link" href="https://github.com/OpenZeppelin/openzeppelin-contracts" target="_blank" rel="noopener noreferrer">GitHub</a>
       <a class="link" href="https://twitter.com/OpenZeppelin" target="_blank" rel="noopener noreferrer">Twitter</a>
+      <a href="https://www.producthunt.com/posts/openzeppelin-wizard-ai-assistant?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-openzeppelin&#0045;wizard&#0045;ai&#0045;assistant" target="_blank" rel="noopener noreferrer"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=427093&theme=light" alt="OpenZeppelin&#0032;Wizard&#0032;AI&#0032;Assistant - An&#0032;AI&#0032;Assistant&#0032;built&#0032;into&#0032;OpenZeppelin&#0032;Contracts&#0032;Wizard | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>
     </div>
   </div>