RI-5934 added tooltip for formatted Date

Author: kchepikava

redisinsight/ui/src/components/formated-date/FormatedDate.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { useSelector } from 'react-redux'
+import { EuiToolTip } from '@elastic/eui'
 import { DATETIME_FORMATTER_DEFAULT, TimezoneOption } from 'uiSrc/constants'
 import { userSettingsConfigSelector } from 'uiSrc/slices/user/user-settings'
 import { formatTimestamp } from 'uiSrc/utils'
@@ -17,9 +18,14 @@ const FormatedDate = ({ date }: Props) => {
   const formatedDate = formatTimestamp(date, dateFormat, timezone)
 
   return (
-    <span className={styles.text}>
-      {formatedDate}
-    </span>
+    <EuiToolTip
+      anchorClassName={styles.text}
+      content={formatedDate}
+    >
+      <span>
+        {formatedDate}
+      </span>
+    </EuiToolTip>
   )
 }