feat: tooltip foundation (#2950)

* feat: add foundation for tooltips

* fix: add lang

* refactor: remove React import where no longer necessary

src/components/RequestModal/AdvancedRequester/index.tsx

@@ -3,7 +3,7 @@ import { Listbox, Transition } from '@headlessui/react';
 import { AdjustmentsIcon } from '@heroicons/react/outline';
 import { CheckIcon, ChevronDownIcon } from '@heroicons/react/solid';
 import { isEqual } from 'lodash';
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import Select from 'react-select';
 import useSWR from 'swr';

src/components/RequestModal/CollectionRequestModal.tsx

@@ -1,6 +1,7 @@
 import { DownloadIcon } from '@heroicons/react/outline';
 import axios from 'axios';
-import React, { useCallback, useEffect, useState } from 'react';
+
+import { useCallback, useEffect, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import { useToasts } from 'react-toast-notifications';
 import useSWR from 'swr';

src/components/RequestModal/MovieRequestModal.tsx

@@ -1,6 +1,7 @@
 import { DownloadIcon } from '@heroicons/react/outline';
 import axios from 'axios';
-import React, { useCallback, useEffect, useState } from 'react';
+
+import { useCallback, useEffect, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import { useToasts } from 'react-toast-notifications';
 import useSWR, { mutate } from 'swr';

src/components/RequestModal/QuotaDisplay/index.tsx

@@ -1,6 +1,7 @@
 import { ChevronDownIcon, ChevronUpIcon } from '@heroicons/react/solid';
 import Link from 'next/link';
-import React, { useState } from 'react';
+
+import { useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import type { QuotaStatus } from '../../../../server/interfaces/api/userInterfaces';
 import ProgressCircle from '../../Common/ProgressCircle';

src/components/RequestModal/SearchByNameModal/index.tsx

@@ -1,5 +1,5 @@
 import { DownloadIcon } from '@heroicons/react/outline';
-import React from 'react';
+
 import { defineMessages, useIntl } from 'react-intl';
 import useSWR from 'swr';
 import type { SonarrSeries } from '../../../../server/api/servarr/sonarr';

src/components/RequestModal/TvRequestModal.tsx

@@ -1,6 +1,7 @@
 import { DownloadIcon } from '@heroicons/react/outline';
 import axios from 'axios';
-import React, { useState } from 'react';
+
+import { useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import { useToasts } from 'react-toast-notifications';
 import useSWR, { mutate } from 'swr';

src/components/RequestModal/index.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { MediaStatus } from '../../../server/constants/media';
 import type { MediaRequest } from '../../../server/entity/MediaRequest';
 import Transition from '../Transition';