Left menu and chip links (#12294)

Small optimization for faster loading (gaining ~80ms - average time of a
click)

It might seem a little over-engineered but there are a lot of edge cases
and I couldn't find a simpler solution

I also tried to tackle Link Chips but it's more complex so this will be
for another PR

packages/twenty-ui/src/components/chip/LinkChip.tsx

@@ -6,6 +6,8 @@ import {
   ChipSize,
   ChipVariant,
 } from '@ui/components/chip/Chip';
+import { LINK_CHIP_CLICK_OUTSIDE_ID } from '@ui/components/chip/constants/LinkChipClickOutsideId';
+import { TriggerEventType, useMouseDownNavigation } from '@ui/utilities';
 import { MouseEvent } from 'react';
 import { Link } from 'react-router-dom';
 
@@ -14,7 +16,9 @@ export type LinkChipProps = Omit<
   'onClick' | 'disabled' | 'clickable'
 > & {
   to: string;
-  onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+  onClick?: (event: MouseEvent<HTMLElement>) => void;
+  onMouseDown?: (event: MouseEvent<HTMLElement>) => void;
+  triggerEvent?: TriggerEventType;
 };
 
 const StyledLink = styled(Link)`
@@ -34,9 +38,25 @@ export const LinkChip = ({
   className,
   maxWidth,
   onClick,
+  triggerEvent,
 }: LinkChipProps) => {
+  const { onClick: onClickHandler, onMouseDown: onMouseDownHandler } =
+    useMouseDownNavigation({
+      to: to,
+      onClick: onClick,
+      triggerEvent,
+    });
+
   return (
-    <StyledLink to={to} onClick={onClick}>
+    <StyledLink
+      to={to}
+      onClick={(event) => {
+        event.stopPropagation();
+        onClickHandler(event);
+      }}
+      onMouseDown={onMouseDownHandler}
+      data-click-outside-id={LINK_CHIP_CLICK_OUTSIDE_ID}
+    >
       <Chip
         size={size}
         label={label}

packages/twenty-ui/src/components/chip/constants/LinkChipClickOutsideId.ts

@@ -0,0 +1 @@
+export const LINK_CHIP_CLICK_OUTSIDE_ID = 'link-chip-click-outside-id';