fix(ui): update popover notifications spacing

Author: valkirilov

redisinsight/ui/src/components/navigation-menu/components/notifications-center/Notification/Notification.tsx

@@ -13,6 +13,8 @@ import { Text } from 'uiSrc/components/base/text'
 import { RiBadge } from 'uiSrc/components/base/display/badge/RiBadge'
 
 import styles from '../styles.module.scss'
+import { S } from 'msw/lib/glossary-2792c6da'
+import { Spacer } from 'uiSrc/components/base/layout'
 
 export interface Props {
   notification: IGlobalNotification
@@ -31,10 +33,9 @@ const Notification = (props: Props) => {
       >
         {notification.title}
       </Title>
-
+      <Spacer size="s" />
       <Text
         size="s"
-        color="subdued"
         className={cx('notificationHTMLBody', styles.notificationBody)}
         data-testid="notification-body"
       >
@@ -43,7 +44,7 @@ const Notification = (props: Props) => {
 
       <Row className={styles.notificationFooter} align="center" justify="start">
         <FlexItem>
-          <Text size="xs" color="subdued" data-testid="notification-date">
+          <Text size="xs" data-testid="notification-date">
             {format(notification.timestamp * 1000, NOTIFICATION_DATE_FORMAT)}
           </Text>
         </FlexItem>