Introduce column filters

Summary:
Beyond a search across all columns, it is now possible to specific columns for specific values:

* for a row to be visible, all active column filters need to be matched (e.g. both a filter on time and app has to be satisfied)
* if multiple values within a column are filtered for, these are -or-ed.
* if no value at all within a column is checked, even when they are defined, the column won't take part in filtering
* if there is a general search and column filters, a row has to satisfy both

Filters can be preconfigured, pre-configured filters cannot be removed.

Reseting will reset the filters back to their original

Move `useMemoize` to flipper-plugin

Merged the `ui/utils` and `utils` folder inside `flipper-plugin`

Reviewed By: nikoant

Differential Revision: D26450260

fbshipit-source-id: 11693d5d140cea03cad91c1e0f3438d7b129cf29

desktop/flipper-plugin/src/ui/Layout.tsx

@@ -138,6 +138,7 @@ type SplitLayoutProps = {
    * If set, items will be centered over the orthogonal direction, if false (the default) items will be stretched.
    */
   center?: boolean;
+  gap?: Spacing;
   children: [React.ReactNode, React.ReactNode];
   style?: React.HTMLAttributes<HTMLDivElement>['style'];
 };
@@ -191,6 +192,7 @@ Object.keys(Layout).forEach((key) => {
 
 const SandySplitContainer = styled.div<{
   grow: 1 | 2;
+  gap?: Spacing;
   center?: boolean;
   flexDirection: CSSProperties['flexDirection'];
 }>((props) => ({
@@ -199,6 +201,7 @@ const SandySplitContainer = styled.div<{
   flex: 1,
   flexDirection: props.flexDirection,
   alignItems: props.center ? 'center' : 'stretch',
+  gap: normalizeSpace(props.gap, theme.space.small),
   overflow: props.center ? undefined : 'hidden', // only use overflow hidden in container mode, to avoid weird resizing issues
   '> :nth-child(1)': {
     flex: props.grow === 1 ? splitGrowStyle : splitFixedStyle,