Enhance Dashboard Layout and CSS Styles

- Updated the DashboardLayout component to set the height to 100% for improved layout consistency.
- Added padding to the dashboard splitter panels in the CSS to ensure proper spacing and alignment within the dashboard interface.

assets/stylesheets/App.css

@@ -1568,6 +1568,10 @@ span.ant-skeleton-input.ant-skeleton-input-sm.text-skeleton {
   margin: 0;
 }
 
+.dashboard-splitter.farmcontrol-splitter > .ant-splitter-panel {
+  padding: 0;
+}
+
 .dashboard-splitter.farmcontrol-splitter
   > .ant-splitter-bar
   .ant-splitter-bar-dragger::before {

src/components/Dashboard/Layout.jsx

@@ -51,7 +51,10 @@ const DashboardLayout = ({ children }) => {
       >
         <DashboardNavigation />
         <DashboardSidebarSplitter sidebar={sidebar}>
-          <Layout style={{ padding: '24px' }} className='main-content-layout'>
+          <Layout
+            style={{ padding: '24px', height: '100%' }}
+            className='main-content-layout'
+          >
             <Content>
               <Flex vertical style={{ height: '100%' }} gap='20px'>
                 <Flex justify='space-between'>