fix(FilterBar): only display toolbar separator & overflow button when necessary (#1570)

Author: Lukas742

packages/main/src/components/FilterBar/index.tsx

@@ -486,7 +486,7 @@ const FilterBar: FC<FilterBarPropTypes> = forwardRef((props: FilterBarPropTypes,
       )}
     </>
   );
-
+  const hasButtons = ToolbarButtons.props.children.some(Boolean);
   return (
     <>
       {dialogOpen && showFilterConfiguration && (
@@ -520,9 +520,9 @@ const FilterBar: FC<FilterBarPropTypes> = forwardRef((props: FilterBarPropTypes,
             {useToolbar && (
               <Toolbar className={classes.filterBarHeader} toolbarStyle={ToolbarStyle.Clear}>
                 {variants}
-                {search && <ToolbarSeparator />}
+                {variants && search && <ToolbarSeparator />}
                 {search && <div ref={searchRef}>{renderSearchWithValue(search, searchValue)}</div>}
-                <ToolbarSpacer />
+                {hasButtons && <ToolbarSpacer />}
                 {ToolbarButtons}
               </Toolbar>
             )}