docs: update favicon and logo of docs

Author: danielbarion

docs/docusaurus.config.js

@@ -55,11 +55,20 @@ const config = {
   themeConfig:
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
+      announcementBar: {
+        id: 'support_us',
+        content:
+          '⭐️ If you like ReactTooltip, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/ReactTooltip/react-tooltip">GitHub</a> ⭐️',
+        backgroundColor: '#222',
+        textColor: '#fff',
+        isCloseable: false,
+      },
       navbar: {
         title: 'React Tooltip',
         logo: {
           alt: 'React Tooltip Logo',
-          src: 'img/logo.svg',
+          src: 'img/only-tooltip.svg',
+          width: 120,
         },
         items: [
           {

docs/src/pages/index.tsx

@@ -14,6 +14,9 @@ function HomepageHeader() {
     <header className={clsx('hero hero--primary', styles.heroBanner)}>
       <div className="container">
         <h1 className="hero__title">{siteConfig.title}</h1>
+        <p className="hero__logo">
+          <img src="img/logo.svg" alt="Happy face with a tooltip saying 'Hello I'm a tooltip'" />
+        </p>
         <p className="hero__subtitle">{siteConfig.tagline}</p>
         <div className={styles.buttons}>
           <Link className="button button--primary button--lg" to="/docs/category/upgrade-guide">