🪟 🎨 Updating styles for PillButton component according to new Figma design changes

[YatsukBogdan1]

What

Closes #18243

Figma: https://www.figma.com/file/liLQhcbpVHiEDW18kiXQe3/01_03_CONNECTIONS?node-id=972%3A36208

How

This PR adds new styles for PillButton component

With current implementation (not sure we need this or not), we can basically add any number of labels, to render with divider. Currently it looks like this.

https://www.loom.com/share/a444afb568aa4cdebec957ab6ca8fabc

[edmundito]

This is looking good so far. I left a few comments with areas that could be improved.

Could you also add a new storybook state to show multiple components?

[dizel852]

Tested locally, and here is my thoughts:

1. <SyncModeSelect /> - would be great to have an ability to pass any label(component) to we'd like to see, as it was previously

2. <PillButton /> - there is no need to replace "children" prop with custom one. We lose the ability to compose components. We can pass an array of labels as children. It will be look like, (rough example):

// PillSelect.tsx
        return (
          <Tooltip
            control={
              <PillButton
                variant={variant}
                .......
              >
                {value.label}
              </PillButton>
            }`


// PillButton.tsx
const arrayChildren = Children.toArray(children);

return (
    <button type="button" {...buttonProps} className={buttonClassName}>
      {Children.map(arrayChildren, (child, index) => (
        <>
          <div className={styles.labelContainer}>
            <Text as="span" size="xs" className={styles.text}>
              {child}
            </Text>
          </div>
         .........
        </>
      ))}
      .......
    </button>
  );

4. Fix styles - combine divider style with theme
5. Fix storybook + add example with divider
6. Fix react "key" error:

[dizel852]

Did another review, and most of the comments are fixed, but some issues still need to be addressed:

1. React "key" error

2. Select options design: have not found the new design for the sync mode select option, so can we return the old one?
   In PR:

In master:

[dizel852]

Tested locally - "key" error is gone.

Also discusses dropdown options style with @YatsukBogdan1 and @edmundito separately:
this will be fixed in a separate PR

Passing to @edmundito for final review