[+] logo import

(The design is perfect, change scss if gay.)

src/components/navbar/Navbar.jsx

@@ -3,6 +3,7 @@ import { auth } from '../../service/firebase';
 import styles from './Navbar.module.scss';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faUser, faCog, faSignOutAlt } from '@fortawesome/free-solid-svg-icons';
+import logo from '../../assets/icon.png';
 import PropTypes from "prop-types";
 
 const Navbar = ({ user }) => {
@@ -39,6 +40,9 @@ const Navbar = ({ user }) => {
 
   return (
     <div className={styles.navbar}>
+      <div className={styles.logoSection}>
+        <img src={logo} alt="Logo" />
+        </div>
       <div className={styles.profileSection} onClick={toggleDropdown}>
         {user && user.photoURL ? (
           <img src={user.photoURL} alt="Profile" className={styles.profilePic} />

src/components/navbar/Navbar.module.scss

@@ -13,6 +13,11 @@
   height: var(--navbar-height);
 }
 
+.logoSection {
+  justify-content: flex-start;
+  align-items: start;
+}
+
 .profileSection {
   position: relative;
   cursor: pointer;