feat(pages-sidebars): remove parent paddings and margins

src/pages/Dashboard/Dashboard.tsx

@@ -24,12 +24,10 @@ const Dashboard = () => {
       <YStack
         space="$3"
         alignItems="flex-start"
-        px="24px"
         minWidth="500px"
         width="50vh"
         style={{
           flexGrow: '1',
-          marginTop: '16px',
           overflowY: 'auto',
         }}
         className={'transparent-scrollbar'}

src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx

@@ -26,7 +26,6 @@ const DeviceHealthCheck = () => {
         style={{
           flexGrow: '1',
           overflowY: 'auto',
-          padding: '0 24px 24px 24px',
           width: 'calc(100% - 380px)',
         }}
         className={'transparent-scrollbar'}

src/pages/LogsPage/LogsPage.tsx

@@ -26,7 +26,6 @@ const LogsPage = () => {
       <YStack
         space="$4"
         alignItems="flex-start"
-        px="24px"
         minWidth="500px"
         width="50vh"
         style={{

src/pages/ValidatorManagement/ManagementHeader.tsx

@@ -3,6 +3,7 @@ import { XStack } from 'tamagui'
 import TitleLogo from '../../components/General/TitleLogo'
 import SyncStatusCard from '../../components/General/SyncStatusCard'
 import styles from './validatorManagement.module.css'
+
 const ManagementHeader = () => {
   return (
     <XStack
@@ -10,7 +11,6 @@ const ManagementHeader = () => {
         width: '100%',
         justifyContent: 'space-between',
         alignItems: 'center',
-        marginTop: '16px',
       }}
     >
       <TitleLogo subtitle="Validator Management" />

src/pages/ValidatorManagement/ValidatorManagement.tsx

@@ -17,7 +17,6 @@ const ValidatorManagement = () => {
         style={{
           flexGrow: '1',
           overflowY: 'auto',
-          padding: '0 24px 24px 24px',
         }}
         className={'transparent-scrollbar'}
       >