[IMPROVE] Added a Reset Button in the Account Profile Page (#24078)

Co-authored-by: Murtaza Patrawala <34130764+murtaza98@users.noreply.github.com>

client/views/account/AccountProfilePage.js

@@ -37,7 +37,7 @@ const AccountProfilePage = () => {
 
 	const user = useUser();
 
-	const { values, handlers, hasUnsavedChanges, commit } = useForm(getInitialValues(user ?? {}));
+	const { values, handlers, hasUnsavedChanges, commit, reset } = useForm(getInitialValues(user ?? {}));
 	const [canSave, setCanSave] = useState(true);
 	const setModal = useSetModal();
 	const logout = useLogout();
@@ -221,6 +221,9 @@ const AccountProfilePage = () => {
 		<Page>
 			<Page.Header title={t('Profile')}>
 				<ButtonGroup>
+					<Button primary danger disabled={!hasUnsavedChanges} onClick={reset}>
+						{t('Reset')}
+					</Button>
 					<Button primary disabled={!hasUnsavedChanges || !canSave || loggingOut} onClick={onSave}>
 						{t('Save_changes')}
 					</Button>