Fix formatting issues in StatusBubble and

DashboardHeader components

CommonUI/src/Components/StatusBubble/StatusBubble.tsx

@@ -15,7 +15,9 @@ const Statusbubble: FunctionComponent<ComponentProps> = (
     return (
         <div className="flex" style={props.style}>
             <div
-                className={`flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full mr-2 ${props.shouldAnimate ? 'animate-pulse' : ''}`}
+                className={`flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full mr-2 ${
+                    props.shouldAnimate ? 'animate-pulse' : ''
+                }`}
                 style={{
                     backgroundColor: props.color
                         ? props.color.toString()

Dashboard/src/Components/Header/Header.tsx

@@ -175,7 +175,8 @@ const DashboardHeader: FunctionComponent<ComponentProps> = (
                             getAllEnvVars()
                         ) &&
                         props.paymentMethodsCount !== undefined &&
-                        props.paymentMethodsCount === 0 && !props.selectedProject.resellerId ? (
+                        props.paymentMethodsCount === 0 &&
+                        !props.selectedProject.resellerId ? (
                             <Button
                                 title="Add Card Details"
                                 onClick={() => {

Dashboard/src/Components/Monitor/MonitorTable.tsx

@@ -214,7 +214,11 @@ const MonitorsTable: FunctionComponent<ComponentProps> = (
 
                         if (item && item['disableActiveMonitoring']) {
                             return (
-                                <Statusbubble shouldAnimate={false} color={Grey} text={'Disabled'} />
+                                <Statusbubble
+                                    shouldAnimate={false}
+                                    color={Grey}
+                                    text={'Disabled'}
+                                />
                             );
                         }