Added navigate for buttons

src/components/question-editor/QuestionEditor.tsx

@@ -1,5 +1,6 @@
 import { ChangeEvent, MouseEvent, FC } from 'react'
 import { useTranslation } from 'react-i18next'
+import { useNavigate } from 'react-router-dom'
 import Box from '@mui/material/Box'
 import Divider from '@mui/material/Divider'
 import IconButton from '@mui/material/IconButton'
@@ -39,6 +40,7 @@ interface QuestionEditorProps {
 
 const QuestionEditor: FC<QuestionEditorProps> = ({ fetchData, loading }) => {
   const { t } = useTranslation()
+  const navigate = useNavigate()
 
   const { data, handleInputChange, handleNonInputValueChange, handleSubmit } =
     useForm<QuestionForm>({
@@ -161,7 +163,7 @@ const QuestionEditor: FC<QuestionEditorProps> = ({ fetchData, loading }) => {
 
   const buttons = (
     <Box sx={styles.buttons}>
-      <AppButton variant={ButtonVariantEnum.Tonal}>
+      <AppButton onClick={() => navigate(-1)} variant={ButtonVariantEnum.Tonal}>
         {t('common.cancel')}
       </AppButton>
       <AppButton

src/pages/create-or-edit-question/CreateOrEditQuestion.tsx

@@ -1,4 +1,5 @@
 import { useCallback } from 'react'
+import { useNavigate } from 'react-router-dom'
 
 import PageWrapper from '~/components/page-wrapper/PageWrapper'
 import QuestionEditor from '~/components/question-editor/QuestionEditor'
@@ -10,6 +11,7 @@ import { defaultResponses, snackbarVariants } from '~/constants'
 import { ErrorResponse, QuestionForm } from '~/types'
 
 const CreateOrEditQuestion = () => {
+  const navigate = useNavigate()
   const { setAlert } = useSnackBarContext()
 
   const createQuestion = useCallback(
@@ -22,6 +24,7 @@ const CreateOrEditQuestion = () => {
       severity: snackbarVariants.success,
       message: 'categoriesPage.newSubject.successMessage'
     })
+    navigate(-1)
   }
 
   const handleResponseError = (error: ErrorResponse) => {