- creating the right sidebar

- designing the artboard
- optimizing dark mode performance
- optimizing input onChange handler

src/components/builder/left/LeftNavbar.js

@@ -1,5 +1,6 @@
 import { Link } from "gatsby";
 import React from "react";
+import { MdPerson } from "react-icons/md";
 import Avatar from "../../shared/Avatar";
 import Logo from "../../shared/Logo";
 import styles from "./LeftNavbar.module.css";
@@ -11,9 +12,16 @@ const LeftNavbar = () => {
         <Logo size="40px" />
       </Link>
 
-      <hr className="my-4" />
+      <hr className="my-6" />
 
-      <hr className="mt-auto my-4" />
+      <div className="grid grid-cols-1 gap-6">
+        <MdPerson
+          className="text-secondary-dark hover:text-primary"
+          size="20px"
+        />
+      </div>
+
+      <hr className="mt-auto my-6" />
 
       <Avatar />
     </div>