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/components/ShowPageContainer.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 ShowPageContainer = styled.div`
+export const StyledShowPageContainer = styled.div`
   display: flex;
   flex-direction: ${() => (useIsMobile() ? 'column' : 'row')};
   gap: ${({ theme }) => (useIsMobile() ? theme.spacing(3) : '0')};
@@ -11,3 +11,11 @@ export const ShowPageContainer = styled.div`
   overflow-x: ${() => (useIsMobile() ? 'hidden' : 'auto')};
   width: ${() => (useIsMobile() ? `calc(100% - 2px);` : '100%')};
 `;
+
+export type ShowPageContainerProps = {
+  children: ReactElement[];
+};
+
+export function ShowPageContainer({ children }: ShowPageContainerProps) {
+  return <StyledShowPageContainer>{children} </StyledShowPageContainer>;
+}