const Sidebar = () => {
  return (
    <div className="sidebar">
      <div className="sidebarContainer">
        <div className="sidebarContainer__menu">
          <h3 className="sidebarContainer__title">Dashboard</h3>
          <ul className="sidebarContainer__list">
            <li className="sidebarContainer__listItem active">
              <LineStyle className="sidebarContainer__listIcon" />
              Home
            </li>
            <li className="sidebarContainer__listItem">
              <Timeline className="sidebarContainer__listIcon" />
              Analytics
            </li>
            <li className="sidebarContainer__listItem">
              <TrendingUp className="sidebarContainer__listIcon" />
              Sales
            </li>
          </ul>
        </div>
        <div className="sidebarContainer__menu">
          <h3 className="sidebarContainer__title">Quick Menu</h3>
          <ul className="sidebarContainer__list">
            <li className="sidebarContainer__listItem">
              <PersonOutline className="sidebarContainer__listIcon" />
              Users
            </li>
            <li className="sidebarContainer__listItem">
              <Inventory className="sidebarContainer__listIcon" />
              Products
            </li>
            <li className="sidebarContainer__listItem">
              <Paid className="sidebarContainer__listIcon" />
              Transactions
            </li>
            <li className="sidebarContainer__listItem">
              <Assessment className="sidebarContainer__listIcon" />
              Report
            </li>
          </ul>
        </div>
        <div className="sidebarContainer__menu">
          <h3 className="sidebarContainer__title">Notifications</h3>
          <ul className="sidebarContainer__list">
            <li className="sidebarContainer__listItem">
              <MailOutline className="sidebarContainer__listIcon" />
              Mail
            </li>
            <li className="sidebarContainer__listItem">
              <Forum className="sidebarContainer__listIcon" />
              Feedback
            </li>
            <li className="sidebarContainer__listItem">
              <Message className="sidebarContainer__listIcon" />
              Message
            </li>
          </ul>
        </div>
        <div className="sidebarContainer__menu">
          <h3 className="sidebarContainer__title">Staff</h3>
          <ul className="sidebarContainer__list">
            <li className="sidebarContainer__listItem">
              <Work className="sidebarContainer__listIcon" />
              Manage
            </li>
            <li className="sidebarContainer__listItem">
              <Timeline className="sidebarContainer__listIcon" />
              Analytics
            </li>
            <li className="sidebarContainer__listItem">
              <ReportGmailerrorred className="sidebarContainer__listIcon" />
              Report
            </li>
          </ul>
        </div>
      </div>
    </div>
  );
};
refaktor this