made changes

src/_nav.js

@@ -293,12 +293,12 @@ const _nav = [
     icon: <CIcon icon={cilMoney} customClassName="nav-icon" />,
   },
 
-  {
-    component: CNavItem,
-    name: 'Change Password',
-    icon: <CIcon icon={cilPencil} customClassName="nav-icon" />,
-    to: '/register',
-  },
+  // {
+  //   component: CNavItem,
+  //   name: 'Change Password',
+  //   icon: <CIcon icon={cilPencil} customClassName="nav-icon" />,
+  //   to: '/register',
+  // },
 
   // {
   //   component: CNavGroup,

src/components/header/AppHeaderDropdown.js

@@ -19,10 +19,12 @@ import {
   cilSettings,
   cilTask,
   cilUser,
+  cilPencil,
 } from '@coreui/icons'
 import CIcon from '@coreui/icons-react'
 
 import avatar8 from './../../assets/images/avatars/8.jpg'
+import { Link } from 'react-router-dom'
 
 const AppHeaderDropdown = () => {
   return (
@@ -84,6 +86,12 @@ const AppHeaderDropdown = () => {
           </CBadge> */}
         </CDropdownItem>
         {/* <CDropdownDivider /> */}
+        <Link to='/register'>
+          <CDropdownItem>
+            <CIcon icon={cilPencil} className="me-2" />
+            Change Password
+          </CDropdownItem>
+        </Link>
         <CDropdownItem href="#">
           <CIcon icon={cilLockLocked} className="me-2" />
           Log Out

src/scss/_custom.scss

@@ -1 +1,5 @@
 // Here you can add other styles
+$a-tags: 'a, a:active, a:hover, a:visited';
+#{$a-tags} {
+    text-decoration: none;
+  }