feat: navigate home header action icon

src/layouts/Header/Header.css

@@ -24,6 +24,10 @@
 }
 
 .header__actions__logo {
+    text-decoration: none;
+}
+
+.header__actions__logo img {
     width: 30px;
     height: 30px;
     border-radius: 2px;

src/layouts/Header/Header.tsx

@@ -6,7 +6,7 @@ import {
   IoSettingsOutline,
 } from "react-icons/io5";
 import { GrMenu } from "react-icons/gr";
-import { NavLink } from "react-router-dom";
+import { Link, NavLink } from "react-router-dom";
 import { MdLogout } from "react-icons/md";
 import { RiHome3Line } from "react-icons/ri";
 import { BsCreditCard } from "react-icons/bs";
@@ -76,11 +76,9 @@ const Header: React.FC = () => {
     <>
       <div className="header wrapper">
         <div className="header__actions">
-          <img
-            src={TheCybernanny}
-            alt="TheCybernanny"
-            className="header__actions__logo"
-          />
+          <Link to={"/home"} className="header__actions__logo">
+            <img src={TheCybernanny} alt="TheCybernanny" />
+          </Link>
 
           <GrMenu
             className="header__actions__icon"