fix: Add back button to settings (#2949)

src/ui/components/SettingsView/SettingsView.tsx

@@ -1,10 +1,12 @@
-import { Box, Tabs } from '@rocket.chat/fuselage';
+import { Box, IconButton, Tabs } from '@rocket.chat/fuselage';
 import '@rocket.chat/fuselage-polyfills';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useSelector } from 'react-redux';
 
+import { dispatch } from '../../../store';
 import type { RootState } from '../../../store/rootReducer';
+import { DOWNLOADS_BACK_BUTTON_CLICKED } from '../../actions';
 import { CertificatesTab } from './CertificatesTab';
 import { GeneralTab } from './GeneralTab';
 
@@ -16,6 +18,20 @@ export const SettingsView = () => {
 
   const [currentTab, setCurrentTab] = useState('general');
 
+  const isSideBarEnabled = useSelector(
+    ({ isSideBarEnabled }: RootState) => isSideBarEnabled
+  );
+
+  const lastSelectedServerUrl = useSelector(
+    ({ lastSelectedServerUrl }: RootState) => lastSelectedServerUrl
+  );
+
+  const handleBackButton = function (): void {
+    dispatch({
+      type: DOWNLOADS_BACK_BUTTON_CLICKED,
+      payload: lastSelectedServerUrl,
+    });
+  };
   return (
     <Box
       display={isVisible ? 'flex' : 'none'}
@@ -35,6 +51,9 @@ export const SettingsView = () => {
         fontScale='h1'
         color='font-default'
       >
+        {!isSideBarEnabled && (
+          <IconButton icon='arrow-back' onClick={handleBackButton} />
+        )}
         {t('settings.title')}
       </Box>