fix(FR-1780): Align the refresh button of the dashboard items

Author: nowgnuesLee

react/src/components/ActiveAgents.tsx

@@ -24,8 +24,7 @@ const ActiveAgents: React.FC<ActiveAgentsProps> = ({
       direction="column"
       align="stretch"
       style={{
-        paddingLeft: token.paddingXL,
-        paddingRight: token.paddingXL,
+        paddingInline: token.paddingXL,
         height: '100%',
       }}
     >

react/src/components/RecentlyCreatedSession.tsx

@@ -63,8 +63,7 @@ const RecentlyCreatedSession: React.FC<RecentlyCreatedSessionProps> = ({
         direction="column"
         align="stretch"
         style={{
-          paddingLeft: token.paddingXL,
-          paddingRight: token.paddingXL,
+          paddingInline: token.paddingXL,
           height: '100%',
         }}
       >

react/src/components/SessionCountDashboardItem.tsx

@@ -80,8 +80,7 @@ const SessionCountDashboardItem: React.FC<SessionCountDashboardItemProps> = ({
       direction="column"
       align="stretch"
       style={{
-        paddingLeft: token.paddingXL,
-        paddingRight: token.padding,
+        paddingInline: token.paddingXL,
         ...props.style,
       }}
       {..._.omit(props, ['style'])}