message: chore(origin-ui-device-view): fix type issue on build
diff: import { IconText, IconTextProps } from '@energyweb/origin-ui-core';
  import { ComposedDevice } from '@energyweb/origin-ui-device-data';
  -import { useTheme } from '@mui/material';
  +import { useMediaQuery } from '@mui/material';
  import React, { FC } from 'react';
  import { useStyles } from './MyDeviceCardContent.styles';
  @@ -14,7 +14,8 @@ export const MyDeviceCardContent: FC<MyDeviceCardContentProps> = ({
  iconsProps,
  }) => {
  const classes = useStyles();
  - const theme = useTheme();
  + // to skip ts-errors while doing roll-up build of package
  + const mdScreenUp = useMediaQuery((theme: any) => theme.breakpoints.up('md'));
  return (
  <div className={classes.contentWrapper}>
  @@ -27,9 +28,7 @@ export const MyDeviceCardContent: FC<MyDeviceCardContentProps> = ({
  height: 40,
  }}
  gridContainerProps={{
  - justifyContent: theme.breakpoints.up('md')
  - ? 'center'
  - : 'flex-start',
  + justifyContent: mdScreenUp ? 'center' : 'flex-start',
  }}
  {...field}
  />
  