7499 refactor right drawer to have contextual actions (#7954)

Closes #7499
- Modifies context store states to be component states
- Introduces the concept of `mainContextStore` which will dictate the
available actions inside the command K
- Adds contextual actions inside the right drawer
- Creates a new type of modal variant

packages/twenty-front/src/modules/ui/layout/page/components/RightDrawerContainer.tsx

@@ -1,52 +0,0 @@
-import { ReactNode } from 'react';
-import styled from '@emotion/styled';
-import { MOBILE_VIEWPORT } from 'twenty-ui';
-
-import { RightDrawer } from '@/ui/layout/right-drawer/components/RightDrawer';
-
-import { PagePanel } from './PagePanel';
-
-type RightDrawerContainerProps = {
-  children: ReactNode;
-};
-
-const StyledMainContainer = styled.div`
-  background: ${({ theme }) => theme.background.noisy};
-  box-sizing: border-box;
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: row;
-  gap: ${({ theme }) => theme.spacing(2)};
-  min-height: 0;
-  padding-bottom: ${({ theme }) => theme.spacing(3)};
-  padding-right: ${({ theme }) => theme.spacing(3)};
-  padding-left: 0;
-  width: 100%;
-
-  @media (max-width: ${MOBILE_VIEWPORT}px) {
-    padding-left: ${({ theme }) => theme.spacing(3)};
-    padding-bottom: 0;
-  }
-`;
-
-type LeftContainerProps = {
-  isRightDrawerOpen?: boolean;
-};
-
-const StyledLeftContainer = styled.div<LeftContainerProps>`
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  width: 100%;
-`;
-
-export const RightDrawerContainer = ({
-  children,
-}: RightDrawerContainerProps) => (
-  <StyledMainContainer>
-    <StyledLeftContainer>
-      <PagePanel>{children}</PagePanel>
-    </StyledLeftContainer>
-    <RightDrawer />
-  </StyledMainContainer>
-);