replace spacer with gap

Author: pd-redis

redisinsight/ui/src/components/auto-discover/Header.tsx

@@ -3,7 +3,6 @@ import React, { ReactNode } from 'react'
 import { Col, FlexItem, Row } from 'uiSrc/components/base/layout/flex'
 import { EmptyButton } from 'uiSrc/components/base/forms/buttons'
 import { ArrowLeftIcon } from 'uiSrc/components/base/icons'
-import { Spacer } from 'uiSrc/components/base/layout'
 import {
   PageSubTitle,
   PageTitle,
@@ -28,19 +27,17 @@ export const Header = ({
 }: HeaderProps) => {
   return (
     <Row align="center" justify="between" grow={false}>
-      <Col align="start" justify="start">
+      <Col align="start" justify="start" gap="m">
         <EmptyButton
           icon={ArrowLeftIcon}
           onClick={onBack}
           data-testid="btn-back-adding"
         >
           {backButtonText}
         </EmptyButton>
-        <Spacer size="m" />
         <PageTitle data-testid="title">{title}</PageTitle>
         {subTitle && (
           <FlexItem grow>
-            <Spacer size="m" />
             <PageSubTitle>{subTitle}</PageSubTitle>
           </FlexItem>
         )}