conmatic changes in avatar header menu drop down

- add link for settings
- remove billing

public/assets/css/default.css

@@ -193,3 +193,9 @@
 .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"