Add styling to "Update Password" button

The "Update Password" button in UserPage.jsx is now given a unique class name and CSS rules associated with it. This change enhances the user interface by adding proper formatting and color schemes, improving the overall design and user experience of the button for readability and functionality.

src/pages/UserPage.css

@@ -61,3 +61,19 @@
   justify-content: space-around;
 }
 
+.user-button-container{
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-content: center;
+  align-items: center;
+  justify-content: center;
+  gap: 16px;
+}
+.change-password-btn a{
+  text-decoration-line: none;
+  color: aliceblue;
+}
+.change-password-btn a:hover{
+  color: aliceblue;
+}

src/pages/UserPage.jsx

@@ -74,7 +74,7 @@ function userPage() {
             <button className="user-button" onClick={handleDeleteClick}>
               Delete
             </button>
-            <button className="user-button">
+            <button className="user-button change-password-btn">
               <Link to="/update-password">Update Password</Link>
             </button>
           </div>