[DOCS] Adding GUI docs to database overview

[drivera258]

Description

• Adds GUI instructions for general database setup and role creation

Vercel link to overview page

[github-actions]

CI Results:
All Go tests succeeded! ✅

[github-actions]

Build Results:
All builds succeeded! ✅

[schavis]

We should limit screenshots to one per tab to avoid overloading the instructions. Pick whichever of the images sets the best context for the user and make that the top image :)

[yhyakuna]

@drivera258 I created #30325 to suggest format/style changes. But this might overlaps with Sarah's suggestions. So, take my style suggestion as a "possible style" and you don't need to accept my suggestions. I'll keep my PR open for now.

[drivera258]

@drivera258 I created #30325 to suggest format/style changes. But this might overlaps with Sarah's suggestions. So, take my style suggestion as a "possible style" and you don't need to accept my suggestions. I'll keep my PR open for now.

thanks @yhyakuna ! I pulled in some of those changes along with Sarah's suggestions here

[yhyakuna]

@schavis I know you suggested to use an unordered list for the UI steps. But I think it should use a numbered list all the way through.

[drivera258]

@schavis any comment on Yoko's suggestion ? ^

[schavis]

I agree the steps should be numbered. The reason it's unordered is because we use a partial for the first part of the steps to enforce consistency in how we present those instructions and the platform resets the numbering after the partial 😞

[drivera258]

@yhyakuna @schavis - based on the use of screenshots in each step / the limitation of consistent numbering from using the partial; I updated to keep the tabs separate, each using one screenshot.

link in description is updated to reflect the change