Migrate to twenty-ui - input/button (#7994)

This PR was created by [GitStart](https://gitstart.com/) to address the
requirements from this ticket:
[TWNTY-7529](https://clients.gitstart.com/twenty/5449/tickets/TWNTY-7529).

 --- 

### Description

- Migrated all button components to `twenty-ui`    \
  \
  `Button`\
  `ButtonGroup`\
  `ColorPickerButton`\
  `FloatingButton`\
  `FloatingButtonGroup`\
  `FloatingIconButton`\
  `FloatingIconButtonGroup`\
  `IconButton`\
  `IconButtonGroup`\
  `LightButton`\
  `LightIconButton`\
  `LightIconButtonGroup`\
  `MainButton`\
  \
  Fixes twentyhq/private-issues#89

Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com>
Co-authored-by: Charles Bochet <charles@twenty.com>

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

@@ -1,9 +1,11 @@
 import { useTheme } from '@emotion/react';
 import { FunctionComponent, MouseEvent, ReactElement, ReactNode } from 'react';
-import { IconChevronRight, IconComponent } from 'twenty-ui';
-
-import { LightIconButtonProps } from '@/ui/input/button/components/LightIconButton';
-import { LightIconButtonGroup } from '@/ui/input/button/components/LightIconButtonGroup';
+import {
+  IconChevronRight,
+  IconComponent,
+  LightIconButtonGroup,
+  LightIconButtonProps,
+} from 'twenty-ui';
 
 import { MenuItemLeftContent } from '../internals/components/MenuItemLeftContent';
 import {

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

@@ -5,13 +5,12 @@ import {
   AvatarProps,
   IconChevronRight,
   IconComponent,
-  isDefined,
+  LightIconButtonGroup,
+  LightIconButtonProps,
   OverflowingTextWithTooltip,
+  isDefined,
 } from 'twenty-ui';
 
-import { LightIconButtonProps } from '@/ui/input/button/components/LightIconButton';
-import { LightIconButtonGroup } from '@/ui/input/button/components/LightIconButtonGroup';
-
 import {
   StyledHoverableMenuItemBase,
   StyledMenuItemLeftContent,

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

@@ -1,6 +1,4 @@
-import { IconComponent } from 'twenty-ui';
-
-import { LightIconButtonGroup } from '@/ui/input/button/components/LightIconButtonGroup';
+import { IconComponent, LightIconButtonGroup } from 'twenty-ui';
 
 import { MenuItemLeftContent } from '../internals/components/MenuItemLeftContent';
 import { StyledHoverableMenuItemBase } from '../internals/components/StyledMenuItemBase';

packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerCollapseButton.tsx

@@ -1,8 +1,8 @@
-import { IconButton } from '@/ui/input/button/components/IconButton';
 import { isNavigationDrawerExpandedState } from '@/ui/navigation/states/isNavigationDrawerExpanded';
 import styled from '@emotion/styled';
 import { useSetRecoilState } from 'recoil';
 import {
+  IconButton,
   IconLayoutSidebarLeftCollapse,
   IconLayoutSidebarRightCollapse,
 } from 'twenty-ui';