fix: Remove dynamic marginBottom style from chart components for improved layout consistency

Author: x0sina

dashboard/src/components/charts/all-nodes-stacked-bar-chart.tsx

@@ -516,9 +516,6 @@ export function AllNodesStackedBarChart() {
                 dir="ltr"
                 config={chartView === 'pie' ? pieChartConfig : chartConfig}
                 className="max-h-[400px] min-h-[200px] w-full"
-                style={{
-                  marginBottom: navigator.userAgent.includes('Safari') && navigator.platform.includes('Mac') ? `${0.18 * window.innerWidth}px` : '0',
-                }}
               >
                 {chartData.length > 0 && chartView === 'bar' ? (
                   <BarChart

dashboard/src/components/charts/costume-bar-chart.tsx

@@ -298,9 +298,6 @@ export function CostumeBarChart({ nodeId }: CostumeBarChartProps) {
               dir="ltr"
               config={chartConfig}
               className="max-h-[300px] min-h-[150px] w-full overflow-x-auto sm:max-h-[400px] sm:min-h-[200px]"
-              style={{
-                marginBottom: navigator.userAgent.includes('Safari') && navigator.platform.includes('Mac') ? `${0.18 * window.innerWidth}px` : '0',
-              }}
             >
               {chartData.length > 0 ? (
                 <BarChart accessibilityLayer data={chartData} margin={{ top: 5, right: 10, left: 10, bottom: 5 }}>