Grid2 fix

Signed-off-by: Lee Calcote <lee.calcote@layer5.io>

Author: leecalcote

src/custom/DashboardWidgets/GettingStartedWidget/GetStartedModal.tsx

@@ -1,12 +1,12 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import Grid2 from '@mui/material/Grid2';
 import { SwipeableDrawer } from '@mui/material';
 import { useState } from 'react';
 import {
   Backdrop,
   CircularProgress,
   DialogContent,
   DialogTitle,
+  Grid2,
   ListItem,
   Typography
 } from '../../../base';

src/custom/InputSearchField/InputSearchField.tsx

@@ -1,7 +1,6 @@
-import Grid2 from '@mui/material/Grid2';
 import { Autocomplete } from '@mui/material';
 import React, { useCallback, useEffect, useState } from 'react';
-import { Box, Chip, CircularProgress, TextField, Tooltip, Typography } from '../../base';
+import { Box, Chip, CircularProgress, Grid2, TextField, Tooltip, Typography } from '../../base';
 
 import { iconLarge, iconSmall } from '../../constants/iconsSizes';
 import { CloseIcon, OrgIcon } from '../../icons';

src/custom/ResourceDetailFormatters/styles.ts

@@ -1,6 +1,5 @@
-import Grid2 from '@mui/material/Grid2';
 import { alpha } from '@mui/material';
-import { Box, Chip, IconButton, Typography } from '../../base';
+import { Box, Chip, Grid2, IconButton, Typography } from '../../base';
 
 import { charcoal, KEPPEL, styled } from '../../theme';
 

src/custom/TeamTable/TeamTable.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import Grid2 from '@mui/material/Grid2';
 import { TableCell } from '@mui/material';
 import { MUIDataTableColumn } from '@sistent/mui-datatables';
+import { Grid2 } from '../../base';
 import { styled, useTheme } from '../../theme';
 import { ErrorBoundary } from '../ErrorBoundary/ErrorBoundary.js';
 import { ColView } from '../Helpers/ResponsiveColumns/responsive-coulmns.tsx/index.js';

src/custom/TransferModal/TransferList/style.tsx

@@ -1,6 +1,5 @@
-import Grid2 from '@mui/material/Grid2';
 import { styled } from '@mui/material';
-import { Button, Chip, Paper, Typography } from '../../../base';
+import { Button, Chip, Grid2, Paper, Typography } from '../../../base';
 
 export const StyledChip = styled(Chip)(({ theme }) => ({
   padding: '5px 6px !important',

src/custom/Workspaces/WorkspaceCard.tsx

@@ -1,6 +1,5 @@
-import Grid2 from '@mui/material/Grid2';
 import { useTheme } from '@mui/material';
-import { Backdrop, CircularProgress } from '../../base';
+import { Backdrop, CircularProgress, Grid2 } from '../../base';
 
 import { getRelativeTime } from '../../utils';
 import { FlipCard } from '../FlipCard';