Refactor: move <Filter /> component

[balanza]

Description

The <Filter /> component has been moved out from the <Table /> component so that it can be used separately.
This is a preparatory work in order to enhance the usage of tables in more diversified scenarios.

No changes in the behavior of the component have been introduced (except for the default value).

All references to the component has been updated.

[nelsonkopliku]

Cool, thanks!
I shared a suggestion we might want to consider, although not blocking.

[nelsonkopliku]

suggestion: we might want to follow storybook's guidelines about writing stories.
I think it maximizes expressiveness and minimizes repetition.

export default {
  title: 'Components/Filter',
  component: Filter,
  argTypes: {
    options: {/** type, description, control... */},
    title: {/** type, description, control... */},
    value: {/** type, description, control... */},
    onChange: {/** type, description, control... */}
  },
  render: (args) => {
    const [value, setValue] = useState(args.value);

    return (
      <Filter
        title={args.title}
        options={args.options}
        value={value}
        onChange={(newValue) => {
          setValue(newValue);
          action('onChange')(newValue);
        }}
      />
    );
  }
};

export const Default = {
  args: {
    title: 'Title',
    options: [
      'Tony Kekw',
      'Chad Carbonara',
      'Chuck Amatriciana',
      'K.C.O. Pepe',
      'Virgin Gricia',
    ],
    value: [],
  },
};

export const WithValue = {
  args: {
    ...Default.args,
    value: ['Tony Kekw'],
  },
};

export const WithMultipleValues = {
  args: {
    ...Default.args,
    value: ['Tony Kekw', 'Chad Carbonara'],
  },
};

[balanza]

Good point, it's indeed better to stick with guidelines. Done in c37218f