Edit actor chip icon style & read-only behavior (#18552)

https://github.com/user-attachments/assets/925f4380-e3e2-430d-a8e3-7e1242298900

Removed background color from icons for consistency
Removed chip hover state as chips are not navigable
Updated read-only design (text/secondary on chip hover)

---------

Co-authored-by: Félix Malfait <felix@twenty.com>

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

@@ -103,8 +103,8 @@ const StyledContainer = styled.div<
       : 'inherit'};
 
   &:hover {
-    background-color: ${({ variant, disabled }) =>
-      variant === ChipVariant.Regular && !disabled
+    background-color: ${({ variant, disabled, clickable }) =>
+      variant === ChipVariant.Regular && !disabled && clickable
         ? themeCssVariables.background.transparent.light
         : variant === ChipVariant.Highlighted
           ? themeCssVariables.background.transparent.medium
@@ -114,8 +114,8 @@ const StyledContainer = styled.div<
   }
 
   &:active {
-    background-color: ${({ disabled, variant }) =>
-      variant === ChipVariant.Regular && !disabled
+    background-color: ${({ disabled, variant, clickable }) =>
+      variant === ChipVariant.Regular && !disabled && clickable
         ? themeCssVariables.background.transparent.medium
         : variant === ChipVariant.Highlighted
           ? themeCssVariables.background.transparent.strong