ref(insights): migrate screen load charts to widget platform

static/app/views/dashboards/widgets/widget/widget.tsx

@@ -129,7 +129,7 @@ const TitleHoverItems = styled('div')`
   transition: opacity 0.1s;
 `;
 
-const Frame = styled('div')<{
+export const Frame = styled('div')<{
   borderless?: boolean;
   height?: number;
   revealActions?: 'always' | 'hover';

static/app/views/insights/common/components/miniChartPanel.tsx

@@ -1,8 +1,8 @@
 import styled from '@emotion/styled';
 
-import Panel from 'sentry/components/panels/panel';
 import {space} from 'sentry/styles/space';
 import textStyles from 'sentry/styles/text';
+import {Frame} from 'sentry/views/dashboards/widgets/widget/widget';
 
 type Props = {
   children: React.ReactNode;
@@ -13,7 +13,7 @@ type Props = {
 
 export default function MiniChartPanel({title, children, button, subtitle}: Props) {
   return (
-    <Panel>
+    <StyledFrame>
       <PanelBody>
         {(title || button || subtitle) && (
           <HeaderContainer>
@@ -26,10 +26,14 @@ export default function MiniChartPanel({title, children, button, subtitle}: Prop
         )}
         {children}
       </PanelBody>
-    </Panel>
+    </StyledFrame>
   );
 }
 
+const StyledFrame = styled(Frame)`
+  height: 100%;
+`;
+
 const ChartLabel = styled('p')`
   /* @TODO(jonasbadalic) This should be a title component and not a p */
   font-size: 1rem;

static/app/views/insights/mobile/appStarts/components/widgets.tsx

@@ -14,7 +14,7 @@ function SummaryWidgets({additionalFilters}: any) {
       <div style={{gridArea: '1 / 2'}}>
         <DeviceClassBreakdownBarChart
           additionalFilters={additionalFilters}
-          chartHeight={140}
+          chartHeight={150}
         />
       </div>
     </WidgetLayout>