Add banner for re-iding

[marySalvi]

Closes #1211
Fixes #1217

[naglepuff]

Approving. This branch should be tagged as a patch release, and this PR will likely get closed without being merged into main (this change is temporary).

[eecavanna]

I opened a PR (with this branch as the base/target/destination) in which I made the changes I proposed above.

#1216

[eecavanna]

The current commit is tagged as https://github.com/microbiomedata/nmdc-server/releases/tag/v0.19.3.

[eecavanna]

Looks like something's a little whack with the z-indexing. When I scroll down the page, the banner follows the viewport (I don't know whether that was by design) and it appears above some elements (e.g. the bar charts) and below others (e.g. the map).

[eecavanna]

If I disable the following CSS styles currently being applied to the .v-banner element, the banner no longer sticks to the viewport.

    top: 82px;
    position: sticky;

I propose this—conceptually—as a fix. There might be a Vue/Vuetify setting/prop that would make these same CSS changes under the hood.

[marySalvi]

I propose this—conceptually—as a fix. There might be a Vue/Vuetify setting/prop that would make these same CSS changes under the hood.

Apologies, the app prop appears to be adding the sticky value even though that is not indicated in the docs. I will remove the prop

[marySalvi]

I propose this—conceptually—as a fix. There might be a Vue/Vuetify setting/prop that would make these same CSS changes under the hood.

fixed in 4a6861e @eecavanna do you mind taking another look before I create another tag?

[eecavanna]

Looks good to me, @marySalvi! Thanks for taking care of this.

[marySalvi]

#1217 fixed with 813f50d

[naglepuff]

LGTM!