[PB-3521]:feat/replace internal Tooltip with @internxt/ui Tooltip

src/components/Copyable.tsx

@@ -1,6 +1,6 @@
 import { Copy } from '@phosphor-icons/react';
 import { useState } from 'react';
-import Tooltip from './Tooltip';
+import { Tooltip } from '@internxt/ui';
 import { copyTextToClipboard } from 'utils/copyToClipboard.utils';
 
 interface CopyableProps {

src/components/UsageDetails.tsx

@@ -1,7 +1,7 @@
 import { useTranslationContext } from 'app/i18n/provider/TranslationProvider';
 import { useEffect, useRef, useState } from 'react';
 import { bytesToString } from 'app/drive/services/size.service';
-import Tooltip from './Tooltip';
+import { Tooltip } from '@internxt/ui';
 import { RootState } from 'app/store';
 import { useAppSelector } from 'app/store/hooks';
 

src/components/index.ts

@@ -20,7 +20,6 @@ export { ScrollableTable } from './ScrollableTable';
 export { default as Sidenav } from './SidenavWrapper';
 export { skinSkeleton } from './Skeleton';
 export { default as TextInput } from './TextInput';
-export { default as Tooltip } from './Tooltip';
 export { default as TooltipElement, DELAY_SHOW_MS } from './TooltipElement';
 export { Tutorial } from './Tutorial';
 export type { Step } from './Tutorial';

src/views/NewSettings/components/Usage/UsageBar.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useRef, useState } from 'react';
 import { bytesToString } from 'app/drive/services/size.service';
-import Tooltip from 'components/Tooltip';
+import { Tooltip } from '@internxt/ui';
 
 const UsageBar = ({
   backupsUsage,