conmatic changes in avatar header menu drop down

- add link for settings
- remove billing

public/assets/css/default.css

@@ -190,6 +190,12 @@
   padding-left: 50px;
 } */
 
-.small-text{
+.small-text {
   font-size: 12px;
-}
+}
+
+.layout-wrapper:not(.layout-horizontal)
+  .layout-navbar
+  .dropdown-menu[data-bs-popper] {
+  inset-block-start: 100%;
+}

src/components/Layout/Header.jsx

@@ -602,7 +602,7 @@ const Header = () => {
                   <span className="align-middle">My Profile</span>
                 </a>
               </li>
-              <li>
+              <li onClick={handleProfilePage}>
                 <a
                   aria-label="go to setting "
                   className="dropdown-item cusor-pointer"
@@ -611,7 +611,7 @@ const Header = () => {
                   <span className="align-middle">Settings</span>
                 </a>
               </li>
-              <li>
+              {/* <li>
                 <a
                   aria-label="go to billing "
                   className="dropdown-item cusor-pointer"
@@ -626,8 +626,10 @@ const Header = () => {
                     </span>
                   </span>
                 </a>
-              </li>
+              </li> */}
-              <li onClick={openChangePassword}> {/* Use the function from the context */}
+              <li onClick={openChangePassword}>
+                {" "}
+                {/* Use the function from the context */}
                 <a
                   aria-label="go to profile"
                   className="dropdown-item cusor-pointer"
@@ -657,4 +659,4 @@ const Header = () => {
     </nav>
   );
 };
-export default Header;
+export default Header;