feat: make settings width consistent

[Jay-Topher]

Done

• Upgraded @canonical/maas-react-components
• made settings views with forms half width and aligned action buttons to the right.
• made views with tables to occupy the full width available
• Added titles to all settings pages

QA steps

• Visit /settings and all its sub-routes
• Ensure that all pages under settings have a title same as the side nav link title
• Ensure width of form and tabular views respectively are consistent

Fixes

Fixes: MAASENG-2403

Screenshots

Before

After

Notes

[webteam-app]

Demo starting at https://maas-ui-5233.demos.haus

[ndv99]

I think this looks good so far, just a few comments below

[ndv99]

/settings/configuration/general needs some changes IMO - there's definitely not enough space for the theme colour labels in this layout. I'd suggest modifying this so that the default layout for these is two rows of five.

[petermakowski]

@Jay-Topher Headings should be aligned. Please remove the <section class="p-strip is-shallow"> wrapper that's responsible for the additional padding. In case there are still some minor discrepancies, I'll resolve them in maas-react-components.

[ndv99]

I'm happy with this personally, everything looks good to me. Nice one mate!

[petermakowski]

LGTM

[petermakowski]

@Jay-Topher Changed prefix to feat: as this affects the end user.