Prevent tooltip on disabled button warning

src/modules/source/screens/SourceMangas.tsx

@@ -15,11 +15,11 @@ import { useTranslation } from 'react-i18next';
 import Link from '@mui/material/Link';
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
-import Tooltip from '@mui/material/Tooltip';
 import { styled } from '@mui/material/styles';
 import FavoriteIcon from '@mui/icons-material/Favorite';
 import NewReleasesIcon from '@mui/icons-material/NewReleases';
 import FilterListIcon from '@mui/icons-material/FilterList';
+import { CustomTooltip } from '@/modules/core/components/CustomTooltip.tsx';
 import {
     requestManager,
     AbortableApolloUseMutationPaginatedResponse,
@@ -405,7 +405,7 @@ export function SourceMangas() {
                 <AppbarSearch />
                 <SourceGridLayout />
                 {source?.isConfigurable && (
-                    <Tooltip title={t('settings.title')}>
+                    <CustomTooltip title={t('settings.title')}>
                         <IconButton
                             onClick={() => navigate(AppRoutes.sources.childRoutes.configure.path(sourceId))}
                             aria-label="display more actions"
@@ -415,7 +415,7 @@ export function SourceMangas() {
                         >
                             <SettingsIcon />
                         </IconButton>
-                    </Tooltip>
+                    </CustomTooltip>
                 )}
             </>,
         );

src/modules/source/screens/Sources.tsx

@@ -8,11 +8,11 @@
 
 import { Fragment, useEffect, useLayoutEffect, useMemo } from 'react';
 import IconButton from '@mui/material/IconButton';
-import Tooltip from '@mui/material/Tooltip';
 import Typography from '@mui/material/Typography';
 import TravelExploreIcon from '@mui/icons-material/TravelExplore';
 import { useNavigate } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
+import { CustomTooltip } from '@/modules/core/components/CustomTooltip.tsx';
 import { requestManager } from '@/lib/requests/RequestManager.ts';
 import { useLocalStorage } from '@/modules/core/hooks/useStorage.tsx';
 import {
@@ -108,7 +108,7 @@ export function Sources() {
     useLayoutEffect(() => {
         setAction(
             <>
-                <Tooltip title={t('search.title.global_search')}>
+                <CustomTooltip title={t('search.title.global_search')}>
                     <IconButton
                         onClick={() => navigate(AppRoutes.sources.childRoutes.searchAll.path)}
                         size="large"
@@ -116,7 +116,7 @@ export function Sources() {
                     >
                         <TravelExploreIcon />
                     </IconButton>
-                </Tooltip>
+                </CustomTooltip>
                 <LangSelect
                     shownLangs={shownLangs}
                     setShownLangs={setShownLangs}