chore: Change return button (#20045)

ee/client/omnichannel/cannedResponses/CannedResponseAdd.js

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { ButtonGroup, Button, ActionButton } from '@rocket.chat/fuselage';
+import { ButtonGroup, Button } from '@rocket.chat/fuselage';
 import { useMutableCallback } from '@rocket.chat/fuselage-hooks';
 
 import { useTranslation } from '../../../../client/contexts/TranslationContext';
@@ -30,7 +30,7 @@ const CannedResponseEdit = ({ onSave, onReturn, onClose }) => {
 
 	return <VerticalBar>
 		<VerticalBar.Header>
-			<ActionButton tiny ghost mis='none' icon='arrow-back' onClick={onReturn} />
+			<VerticalBar.Back onClick={onReturn} />
 			<VerticalBar.Text>{t('New_Canned_Response')}</VerticalBar.Text>
 			<VerticalBar.Close onClick={onClose} />
 		</VerticalBar.Header>

ee/client/omnichannel/cannedResponses/CannedResponseDetails.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Box, Margins, ButtonGroup, Button, Icon, ActionButton } from '@rocket.chat/fuselage';
+import { Box, Margins, ButtonGroup, Button, Icon } from '@rocket.chat/fuselage';
 import { css } from '@rocket.chat/css-in-js';
 
 import { useTranslation } from '../../../../client/contexts/TranslationContext';
@@ -13,7 +13,7 @@ export const CannedResponseDetails = ({ response: { shortcut, text, scope }, onE
 
 	return <VerticalBar>
 		<VerticalBar.Header>
-			<ActionButton tiny ghost mis='none' icon='arrow-back' onClick={onReturn} />
+			<VerticalBar.Back onClick={onReturn} />
 			<VerticalBar.Text>!{shortcut}</VerticalBar.Text>
 			<VerticalBar.Close onClick={onClose} />
 		</VerticalBar.Header>

ee/client/omnichannel/cannedResponses/CannedResponseEdit.js

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { ButtonGroup, Button, ActionButton } from '@rocket.chat/fuselage';
+import { ButtonGroup, Button } from '@rocket.chat/fuselage';
 import { useMutableCallback } from '@rocket.chat/fuselage-hooks';
 
 import { useTranslation } from '../../../../client/contexts/TranslationContext';
@@ -31,7 +31,7 @@ const CannedResponseEdit = ({ response, onSave, onReturn, onClose }) => {
 
 	return <VerticalBar>
 		<VerticalBar.Header>
-			<ActionButton tiny ghost mis='none' icon='arrow-back' onClick={onReturn} />
+			<VerticalBar.Back onClick={onReturn} />
 			<VerticalBar.Text>{t('Edit_Canned_Responses')}</VerticalBar.Text>
 			<VerticalBar.Close onClick={onClose} />
 		</VerticalBar.Header>