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

resolves #4806 (FR-1780)

This PR align the refresh button of the dashboard items.

**Checklist:** (if applicable)

- [ ] Documentation
- [ ] Minium required manager version
- [ ] Specific setting for review (eg., KB link, endpoint or how to setup)
- [ ] Minimum requirements to check during review
- [ ] Test case(s) to demonstrate the difference of before/after

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'])}