Fix notification warning positioning issue

[alejandraarri]

This PR solves 2 problems with the notification warning.

• There is a positioning issue that provokes banners to stack one above other in the Settings pages.

• In the API Keys page the same message is shown in two different banners.

Related issue

#14859

[alonsogarciapablo]

cc: @ana-md. That banner should no longer be there, right? Thank you!

[ana-md]

It should appear only for the free users that are being migrated today, it appears only for the users scheduled each day (infra takes care of that). The one in staging was only a test we did to make sure everything was working, so I guess that one doesn't need to be there. @gonzalosr can you confirm this please?

[alejandraarri]

Yes, but we are mixing things a little bit. Regardless of the message we are showing right now (PG11 migration) we have a warning component that we use to make important announcements to the user. The main problem here is that the same message is shown in two different banners. We are working so that the banner below does not appear when it doesn’t have to.

[gonzalosr]

@ana-md yes, the staging one doesn't need to be there anymore

[alejandraarri]

But please @gonzalosr, don't remove it because I need it to test all the cases!! 🙏

[gonzalosr]

@alejandraarri Thought so! don't worry :)

[alonsogarciapablo]

Thank you all! Keep going @alejandraarri!

[alejandraarri]

Opened a new issue to fix the second error (#14936) so we can merge this PR and correct the positioning issue as it is important for the new Professional Plan release.

[csubira]

LGTM! Such a great improvement!

[csubira]

Acceptance steps:

Log in as staging user (with maintenance warning banner active):

• Check dashboard home the maintenance warning shows ok

• Check that Sticky Header (Navbar and maps and dataset tables) are properly displayed when scrolling

• Maps page (condensed view) and Dataset page: test sticky header of tables and bulk actions when selecting items work properly

• Profile, account and API Keys page show maintenance banner properly (And correct margin with content below the navbar)

• Profile/Account page: Display banner (success and error) to see that positioning for both banners is correct

Log in as staging user (with maintenance warning banner inactive):

• Check that dashboard home shows ok

• Check that Sticky Header (Navbar and maps and dataset tables) are properly displayed when scrolling

• Maps page (condensed view) and Dataset page: test sticky header of tables and bulk actions when selecting items work properly

• Profile/Account page: Display banner (success and error) to see that positioning is correct (Margin with content below is ok)

Acceptance 🆗