added change password component

packages/app/constants/settings/security/components/changePassword/index.jsx

@@ -1,10 +1,26 @@
 import React from "react"
 import * as antd from "antd"
 
-export default (props) => {
+const ChangePasswordComponent = (props) => {
-    return <div>
+    const [loading, setLoading] = React.useState(false)
-        <antd.Button>
+
-            Change password
+    return <div className="changePasswordPrompt">
-        </antd.Button>
+        <div className="title">
+            <h1>Change Password</h1>
+        </div>
+
+        <div className="form">
+            
+        </div>
     </div>
+}
+
+export default (props) => {
+    const onClick = () => {
+        app.SidedrawerController.open("passwordChange", ChangePasswordComponent)
+    }
+
+    return <antd.Button onClick={onClick}>
+        Change password
+    </antd.Button>
 }

packages/app/src/pages/security/change-password/index.jsx

@@ -0,0 +1,7 @@
+import React from "react"
+
+export default (props) => {
+    return <div>
+        <h1>Change Password</h1>
+    </div>
+}