feat : Whatsapp icon

src/App.tsx

@@ -21,6 +21,7 @@ import Sidebar from "./components/sidebar/Sidebar";
 import Dashboard from "./pages/dashboard/Dashboard";
 import { LoginStatus } from "./apis/api";
 import { GoogleIdentity, isLoggedIn } from "./utils/utils";
+import WhatsappIcon from "./components/whatsapp/Whatsapp";
 
 function getTheme() {
   var theme = localStorage.getItem("theme");
@@ -75,7 +76,7 @@ function App() {
   return (
     <div className={"app " + theme}>
       <div id="google-login-button-hidden"></div>
-      {/* <ThemeLayer> */}
+      <WhatsappIcon />
       <Toast />
       <TopLoader />
       <Sidebar state={sidebarState} setState={setSidebarState} />

src/components/whatsapp/Whatsapp.module.css

@@ -0,0 +1,16 @@
+.whatsappIcon {
+  width: 50px;
+  height: 50px;
+  border-radius: 50px;
+  background: var(--color-green);
+  color: var(--color-white);
+  z-index: 3;
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 20px;
+  box-shadow: 3px 3px 0px var(--color-orange);
+}

src/components/whatsapp/Whatsapp.tsx

@@ -0,0 +1,16 @@
+import style from "./Whatsapp.module.css";
+interface WhatsappIconProps {}
+
+const WhatsappIcon: React.FC<WhatsappIconProps> = ({}) => {
+  return (
+    <a
+      href="https://wa.me/9188670699"
+      target="_blank"
+      className={style.whatsappIcon}
+    >
+      <i className="bi bi-whatsapp"></i>
+    </a>
+  );
+};
+
+export default WhatsappIcon;