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/dropdown/components/DropdownMenuHeader.tsx

@@ -44,15 +44,19 @@ type DropdownMenuHeaderProps = ComponentProps<'li'> & {
   endIcon?: ReactElement;
 };
 
-export const DropdownMenuHeader = ({
+export function DropdownMenuHeader({
   children,
   startIcon,
   endIcon,
   ...props
-}: DropdownMenuHeaderProps) => (
-  <StyledHeader {...props}>
-    {startIcon && <StyledStartIconWrapper>{startIcon}</StyledStartIconWrapper>}
-    {children}
-    {endIcon && <StyledEndIconWrapper>{endIcon}</StyledEndIconWrapper>}
-  </StyledHeader>
-);
+}: DropdownMenuHeaderProps) {
+  return (
+    <StyledHeader {...props}>
+      {startIcon && (
+        <StyledStartIconWrapper>{startIcon}</StyledStartIconWrapper>
+      )}
+      {children}
+      {endIcon && <StyledEndIconWrapper>{endIcon}</StyledEndIconWrapper>}
+    </StyledHeader>
+  );
+}