Use type import for react FC

Co-authored-by: Bill Thornton <thornbill@users.noreply.github.com>

src/components/common/DefaultIconText.tsx

@@ -1,5 +1,5 @@
 import { BaseItemKind } from '@jellyfin/sdk/lib/generated-client';
-import React, { FC } from 'react';
+import React, { type FC } from 'react';
 import Icon from '@mui/material/Icon';
 import imageHelper from 'utils/image';
 import DefaultName from './DefaultName';

src/components/common/DefaultName.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { type FC } from 'react';
 import Box from '@mui/material/Box';
 import escapeHTML from 'escape-html';
 import itemHelper from 'components/itemHelper';

src/components/common/Image.tsx

@@ -1,4 +1,4 @@
-import React, { FC, useCallback, useState } from 'react';
+import React, { type FC, useCallback, useState } from 'react';
 import { BlurhashCanvas } from 'react-blurhash';
 import { LazyLoadImage } from 'react-lazy-load-image-component';
 

src/components/common/InfoIconButton.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { type FC } from 'react';
 import IconButton from '@mui/material/IconButton';
 import InfoIcon from '@mui/icons-material/Info';
 import globalize from 'scripts/globalize';

src/components/common/Media.tsx

@@ -1,5 +1,5 @@
 import { BaseItemKind, ImageType } from '@jellyfin/sdk/lib/generated-client';
-import React, { FC } from 'react';
+import React, { type FC } from 'react';
 import Image from './Image';
 import DefaultIconText from './DefaultIconText';
 import type { ItemDto } from 'types/itemDto';

src/components/common/MoreVertIconButton.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { type FC } from 'react';
 import IconButton from '@mui/material/IconButton';
 import MoreVertIcon from '@mui/icons-material/MoreVert';
 import globalize from 'scripts/globalize';

src/components/common/NoItemsMessage.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { type FC } from 'react';
 import Box from '@mui/material/Box';
 import Typography from '@mui/material/Typography';
 import globalize from 'scripts/globalize';

src/components/common/PlayArrowIconButton.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { type FC } from 'react';
 import IconButton from '@mui/material/IconButton';
 import PlayArrowIcon from '@mui/icons-material/PlayArrow';
 import globalize from 'scripts/globalize';

src/components/common/PlaylistAddIconButton.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { type FC } from 'react';
 import IconButton from '@mui/material/IconButton';
 import PlaylistAddIcon from '@mui/icons-material/PlaylistAdd';
 import globalize from 'scripts/globalize';

src/components/common/RightIconButtons.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { type FC } from 'react';
 import IconButton from '@mui/material/IconButton';
 
 interface RightIconButtonsProps {