Use type import for react FC

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

src/components/cardbuilder/Card/Card.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { type FC } from 'react';
 import useCard from './useCard';
 import CardWrapper from './CardWrapper';
 import CardBox from './CardBox';

src/components/cardbuilder/Card/CardBox.tsx

@@ -1,5 +1,4 @@
-
-import React, { FC } from 'react';
+import React, { type FC } from 'react';
 import layoutManager from 'components/layoutManager';
 
 import CardOverlayButtons from './CardOverlayButtons';

src/components/cardbuilder/Card/CardContent.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { type FC } from 'react';
 import classNames from 'classnames';
 import { getDefaultBackgroundClass } from '../cardBuilderUtils';
 import CardImageContainer from './CardImageContainer';

src/components/cardbuilder/Card/CardFooterText.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { type FC } from 'react';
 import Box from '@mui/material/Box';
 import useCardText from './useCardText';
 import layoutManager from 'components/layoutManager';

src/components/cardbuilder/Card/CardHoverMenu.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { type FC } from 'react';
 import Box from '@mui/material/Box';
 import ButtonGroup from '@mui/material/ButtonGroup';
 import classNames from 'classnames';

src/components/cardbuilder/Card/CardImageContainer.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { type FC } from 'react';
 import Box from '@mui/material/Box';
 import classNames from 'classnames';
 import useIndicator from 'components/indicators/useIndicator';

src/components/cardbuilder/Card/CardInnerFooter.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { type FC } from 'react';
 import classNames from 'classnames';
 import CardFooterText from './CardFooterText';
 import type { ItemDto } from 'types/itemDto';

src/components/cardbuilder/Card/CardOuterFooter.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { type FC } from 'react';
 import classNames from 'classnames';
 import { useApi } from 'hooks/useApi';
 import { getCardLogoUrl } from './cardHelper';

src/components/cardbuilder/Card/CardOverlayButtons.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { type FC } from 'react';
 import ButtonGroup from '@mui/material/ButtonGroup';
 import classNames from 'classnames';
 import { appRouter } from 'components/router/appRouter';

src/components/cardbuilder/Card/CardText.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 type { TextLine } from './cardHelper';

src/components/cardbuilder/Card/CardWrapper.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { type FC } from 'react';
 import layoutManager from 'components/layoutManager';
 import type { DataAttributes } from 'types/dataAttributes';
 

src/components/cardbuilder/Card/Cards.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { type FC } from 'react';
 import { setCardData } from '../cardBuilder';
 import Card from './Card';
 import type { ItemDto } from 'types/itemDto';