chore(docs): update readme and docs for producthunt (#4168)

* readme

* wip

* zitadel.com

* remove pointer events none

Co-authored-by: Max Peintner <max@caos.ch>

README.md

@@ -2,9 +2,9 @@
     <img src="./docs/static/img/github-header01-dark@2x.png#gh-dark-mode-only" alt="ZITADEL Cloud launched" max-height="200px" width="auto" />
     <img src="./docs/static/img/github-header01-light@2x.png#gh-light-mode-only" alt="ZITADEL Cloud launched" max-height="200px" width="auto" />
 </p>
-<!-- UPDATE LINKS! -->
+
 <p align="center">
-    🚨 We are on <a href="https://www.producthunt.com/posts/zitadel">ProductHunt</a> and <a href="https://news.ycombinator.com/">HackerNews</a> today! 🚨
+    We are live on <a href="https://www.producthunt.com/posts/zitadel">ProductHunt</a>. <br> Thank you for the support and feedback.
 </p>
 
 ---

docs/src/pages/index.js

@@ -255,12 +255,14 @@ function Feature({
 
 const Gigi = () => {
   return (
-    <div className={styles.gigiwrapper}>
+    
-      <div className={styles.gigiwrapperrelative}>
+      <div className={styles.gigiwrapper}>
-        <img height="151px" width="256px" src="/img/gigi.svg" />
+        <div className={styles.gigiwrapperrelative}>
-        <div className={styles.gigibanner}>ZITADEL Cloud OUT NOW! 🚀</div>
+          <img height="151px" width="256px" src="/img/gigi.svg" />
+          <div className={styles.gigibanner}>ZITADEL Cloud OUT NOW! 🚀</div>
+        </div>
       </div>
-    </div>
+    
   );
 };
 
@@ -288,7 +290,9 @@ export default function Home() {
             </Link>
           </div>
         </div>
-        <Gigi />
+        <Link to="https://zitadel.com">
+          <Gigi />
+        </Link>
       </header>
       <main>
         {features && features.length > 0 && (

docs/src/pages/styles.module.css

@@ -16,7 +16,6 @@
   position: absolute;
   right: 0;
   top: 0;
-  pointer-events: none;
 }
 
 .gigiwrapperrelative {