Feat/hide board fields (#1271)

* Renamed AuthAutoRouter

* Moved RecoilScope

* Refactored old WithTopBarContainer to make it less transclusive

* Created new add opportunity button and refactored DropdownButton

* Added tests

* Deactivated new eslint rule

* Refactored Table options with new dropdown

* Started BoardDropdown

* Fix lint

* Refactor dropdown openstate

* Fix according to PR

* Fix tests

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

front/src/modules/ui/layout/show-page/components/ShowPageRightContainer.tsx

@@ -1,9 +1,9 @@
-/* eslint-disable twenty/styled-components-prefixed-with-styled */
+import { ReactElement } from 'react';
 import styled from '@emotion/styled';
 
 import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile';
 
-export const ShowPageRightContainer = styled.div`
+export const StyledShowPageRightContainer = styled.div`
   display: flex;
   flex: 1 0 0;
   flex-direction: column;
@@ -15,3 +15,15 @@ export const ShowPageRightContainer = styled.div`
     return isMobile ? `calc(100% - ${theme.spacing(6)})` : 'auto';
   }};
 `;
+
+export type ShowPageRightContainerProps = {
+  children: ReactElement;
+};
+
+export function ShowPageRightContainer({
+  children,
+}: ShowPageRightContainerProps) {
+  return (
+    <StyledShowPageRightContainer>{children} </StyledShowPageRightContainer>
+  );
+}