⚛️ Finish React implementation of Plans index

[josemigallas]

THREESCALE-9630: Unify plans components into a whole React page

Now all 3 plans pages are fully implemented with Patternfly React.

Before

After

[thomasmaas]

It says

service plans plans

[lvillen]

Just a small consistency change, but nice approach for plans-handling!

[mayorova]

There is a weirdly aligned warning if no default plan is selected.

[mayorova]

I'm wondering if it would be nice to actually make a single component, e.g. PlansIndexPage, and handle the differences with different props, i.e. pass "title", "subtitle", "helperText" and "warning" (showNotice thingy) to the component, and this way make it generic.

But it's OK if not. It's already very much unified 👍

[josemigallas]

I'm wondering if it would be nice to actually make a single component, e.g. PlansIndexPage, and handle the differences with different props, i.e. pass "title", "subtitle", "helperText" and "warning" (showNotice thingy) to the component, and this way make it generic.

It's really hard to say when to stop making generic things. I think, since these are 3 different models, they belong to 3 different realms and therefore should have different controllers, presenters, etc.

[josemigallas]

Before:

After: