src/components/Partials/MobileSideBar.jsx

@@ -108,6 +108,35 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler }) {
           </div>
         </div>
 
+        {/* menu and settings item */}
+        {userDetails?.account_type !== "FAMILY" && (
+
+            <div className="menu-setting-items mb-11">
+              {/* menus item */}
+              <div
+                  className={`menu-item transition-all duration-300 ease-in-out ${
+                      sidebar ? "mb-14" : ""
+                  }`}
+              >
+                <div className="items">
+                  <div className="heading mb-5">
+                    <h1 className="title text-xl font-bold text-purple">
+                      Family
+                    </h1>
+                  </div>
+                  <ul className="flex flex-col space-y-6">
+                    <ListItem
+                        title="Family Corner"
+                        route="/acc-family"
+                        iconName="people-two"
+                        sidebar={sidebar}
+                    />
+                  </ul>
+                </div>
+              </div>
+            </div>
+        )}
+
         {userDetails?.account_type !== "FAMILY" && (
           <>
             {!userDetails?.post_jobs ? (

src/components/Partials/Sidebar.jsx

@@ -4,7 +4,7 @@ import { NavLink } from "react-router-dom";
 import {
   default as logo,
   default as logo3,
-} from "../../assets/images/wrenchboard.png"; //logo-2.svg";
+} from "../../assets/images/wrenchboard.png";
 import DarkModeContext from "../Contexts/DarkModeContext";
 import Icons from "../Helpers/Icons";