Add posibility to add custom helm repository

[pashevskii]

The commit adds the possibility to add a custom helm repository instead of selecting prepared ones
The commit adds new button in preferences - helm section

Warning! Implementation is ugly, need your comments on how to improve it.

[aleksfront]

Implementation is good, just need to add couple of UI fixes.

1. Please put Add Custom Helm Repo dialog to the right of repo selector. You can do this by moving select and button into parent div element like this:

<h2><Trans>Helm</Trans></h2>
<div className="flex gaps">
  <Select id="HelmRepoSelect"
    placeholder={<Trans>Repositories</Trans>}
    isLoading={this.helmLoading}
    isDisabled={this.helmLoading}
    options={this.helmOptions}
    onChange={this.onRepoSelect}
    formatOptionLabel={this.formatHelmOptionLabel}
    controlShouldRenderValue={false}
    className="box grow"
  />
  <Button
    primary
    label={<Trans>Add Custom Helm Repo</Trans>}
    onClick={() => {AddHelmRepoDialog.open()}}
  />
</div>

2. Fix focus/tab states in newly created dialog. When you open it, focus appears not on the first input field, but on the second one. Same happens when you click "More" button - focus activated on last field in list.

3. We can remove first title in dialog so the whole view would be like on the following screenshot
   

Other visual fixes will be done in separate PRs since whole dialog view should be redefined.

[aleksfront]

@pashevskii Also, please merge current master changes into your branch and resolve conflict in preferences.tsx and keep in mind that our codebase now require stricter lint rules, so you need to set semicolons everywhere at least.

Check out these commands yarn lint and yarn lint:fix.

[pashevskii]

@pashevskii Also, please merge current master changes into your branch and resolve conflict in preferences.tsx and keep in mind that our codebase now require stricter lint rules, so you need to set semicolons everywhere at least.

Check out these commands yarn lint and yarn lint:fix.

Ok, thank you for your comments, I'll try to fix it today.
Need your opinion about "More + " improvised accordion element, it looks not convenient enough, because you have to click on a small clickable area. Probably I should cover this one with some invisible area which has the same onClick function or replace the element with a button, what do you think about it?

[aleksfront]

@pashevskii Also, please merge current master changes into your branch and resolve conflict in preferences.tsx and keep in mind that our codebase now require stricter lint rules, so you need to set semicolons everywhere at least.
Check out these commands yarn lint and yarn lint:fix.

Ok, thank you for your comments, I'll try to fix it today.
Need your opinion about "More + " improvised accordion element, it looks not convenient enough, because you have to click on a small clickable area. Probably I should cover this one with some invisible area which has the same onClick function or replace the element with a button, what do you think about it?

Yes, you can wrap text and plus icon within <Button /> component, but not to forget to set plain prop on it.

[pashevskii]

Yes, you can wrap text and plus icon within <Button /> component, but not to forget to set plain prop on it.

I've added the plain button instead of the label and hidden all side effects in CSS (focus on the button).

[aleksfront]

@pashevskii Left 3 more comments, ptal. Otherwise looks good.

[Nokel81]

Looks good to me.

[aleksfront]

LGTM