fixed the component cards to work with mui's new grids

src/component/ComponentCard.tsx

@@ -5,12 +5,13 @@ import {
   CardActionArea,
   CardContent,
   CardHeader,
-  Grid2 as Grid,
+  //Grid2 as Grid,
   Switch,
   Theme,
   Tooltip,
   Typography
 } from "@mui/material";
+import Grid from '@mui/material/Grid2';
 import EventBlocker from "common/EventBlocker";
 import MeasurementSummary from "component/MeasurementSummary";
 import { useComponentAPI, useSnackbar, useThemeType } from "hooks";
@@ -366,15 +367,6 @@ export default function ComponentCard(props: Props) {
   };
 
   return (
-    <Grid
-      size={{ 
-        xs: 12, 
-        sm: showMobile ? 12 : 6, 
-        md: showMobile ? 12 : 6,
-        lg: showMobile ? 12 : 4,
-        xl: showMobile ? 12 : 3
-      }}
-    >
       <Card raised className={classes.card}>
         <CardActionArea
           onClick={(event: any) => openComponentPage(event)}
@@ -385,6 +377,6 @@ export default function ComponentCard(props: Props) {
           {sensorCard()}
         </CardActionArea>
       </Card>
-    </Grid>
+
   );
 }