design(dashboard): adjust overview metric chart

apps/dashboard/src/components/overview/overview-metrics.tsx

@@ -220,10 +220,16 @@ export default function OverviewMetrics({ projectId }: OverviewMetricsProps) {
         <div className="card col-span-6 p-4">
           <ReportChart
             key={selectedMetric.id}
-            options={{ hideID: true, maxDomain: selectedMetric.maxDomain }}
+            options={{
+              hideID: true,
+              maxDomain: selectedMetric.maxDomain,
+              aspectRatio: 0.2,
+              hideLegend: true,
+            }}
             report={{
               ...selectedMetric,
               chartType: 'linear',
+              lineType: 'linear',
             }}
           />
         </div>

apps/dashboard/src/components/report-chart/common/axis.tsx

@@ -66,7 +66,8 @@ export const useXAxisProps = (
     interval === 'auto' ? 'day' : interval
   );
   return {
-    height: hide ? 0 : undefined,
+    height: hide ? 0 : 14,
+    tickSize: 10,
     axisLine: false,
     dataKey: 'timestamp',
     scale: 'utc',