dashboards fast follows: tabs border changed to outline and legends factorization (#16049)

closes
https://discord.com/channels/1130383047699738754/1440633019042889828
https://discord.com/channels/1130383047699738754/1442819106880356363

packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphWidgetLegend.tsx

@@ -1,3 +1,4 @@
+import { CHART_LEGEND_ITEM_THRESHOLD } from '@/page-layout/widgets/graph/constants/ChartLegendItemThreshold';
 import styled from '@emotion/styled';
 
 export type GraphWidgetLegendItem = {
@@ -42,7 +43,16 @@ export const GraphWidgetLegend = ({
   items,
   show = true,
 }: GraphWidgetLegendProps) => {
-  if (!show || items.length === 0) {
+  const areThereTooManyItems = items.length > CHART_LEGEND_ITEM_THRESHOLD;
+
+  const isItASingleItem = items.length === 1;
+
+  const thereAreNoItems = items.length === 0;
+
+  const shouldShowLegend =
+    show && !areThereTooManyItems && !isItASingleItem && !thereAreNoItems;
+
+  if (!shouldShowLegend) {
     return null;
   }