Refactor Views by cleaning the code, relying on apolloCache and improving performances (#4516)

* Wip refactoring view

* Post merge conflicts

* Fix review

* Add create view capability

* Fix create object missing view

* Fix tests

packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemToggle.tsx

@@ -24,12 +24,8 @@ export const MenuItemToggle = ({
   onToggleChange,
   toggleSize,
 }: MenuItemToggleProps) => {
-  const handleOnClick = () => {
-    onToggleChange?.(!toggled);
-  };
-
   return (
-    <StyledMenuItemBase className={className} onClick={handleOnClick}>
+    <StyledMenuItemBase className={className}>
       <MenuItemLeftContent LeftIcon={LeftIcon} text={text} />
       <StyledMenuItemRightContent>
         <Toggle

packages/twenty-front/src/modules/ui/navigation/menu-item/internals/components/StyledMenuItemBase.tsx

@@ -107,11 +107,13 @@ export const StyledHoverableMenuItemBase = styled(StyledMenuItemBase)<{
     pointer-events: none;
     position: fixed;
     right: ${({ theme }) => theme.spacing(2)};
+    opacity: 0;
     transition: opacity ${({ theme }) => theme.animation.duration.instant}s ease;
   }
 
   &:hover {
     & .hoverable-buttons {
+      opacity: 1;
       pointer-events: auto;
       position: static;
     }