RI-7242: Change the tooltip title size from S to XS (#4844)

* Change the tooltip title size from S to XS

* adding small gap to separate the title from the content

* import render and screen from test-utils, as every render needs to be wrapped in the theme provider when uses theme functionalities

Author: dantovska

redisinsight/ui/src/components/base/tooltip/HoverContent.tsx

@@ -9,8 +9,8 @@ interface RiTooltipContentProps {
 }
 
 export const HoverContent = ({ title, content }: RiTooltipContentProps) => (
-  <Col>
-    {title && <Title size="S">{title}</Title>}
+  <Col gap="s">
+    {title && <Title size="XS">{title}</Title>}
     {content}
   </Col>
 )

redisinsight/ui/src/pages/browser/modules/key-details/components/change-editor-type-button/ChangeEditorTypeButton.spec.tsx

@@ -1,7 +1,6 @@
 import React from 'react'
-import { render, screen } from '@testing-library/react'
 
-import { userEvent } from 'uiSrc/utils/test-utils'
+import { render, screen, userEvent } from 'uiSrc/utils/test-utils'
 import ChangeEditorTypeButton from './ChangeEditorTypeButton'
 
 const mockSwitchEditorType = jest.fn()