Chore: Dependency clean up

src/components/ActionButton/ActionButton.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { PropsWithChildren } from 'react';
 import { cx, css } from '@emotion/css';
 import { stylesFactory, useTheme, Tooltip } from '@grafana/ui';
 import { GrafanaTheme, GrafanaThemeType } from '@grafana/data';
@@ -12,14 +12,16 @@ interface Props {
   onClick(event: React.MouseEvent<HTMLButtonElement>): void;
 }
 
-export const ActionButton: FC<Props> = ({ icon, width, tooltip, className, children, onClick }) => {
+export const ActionButton = ({ icon, width, tooltip, className, children, onClick }: PropsWithChildren<Props>) => {
   const theme = useTheme();
   const styles = getStyles(theme);
   const buttonClass = cx(
     'btn',
     styles.button,
-    css`width: ${width || 3}rem`,
-    className,
+    css`
+      width: ${width || 3}rem;
+    `,
+    className
   );
 
   let button = (