WD-12243 Dev Create data/mongodb/what-is-mongodb

[immortalcodes]

Done

Created data/mongodb/what-is-mongodb Assets are still to be updated

QA

• Check out this feature branch
• Run the site using the command ./run serve
• View the site locally in your web browser at: http://0.0.0.0:8002/
• Run through the following QA steps
• Perform the checks for the new-webpage.
• Design
• Copydoc
• Demo

Issue / Card

Fixes # WD-12243

Screenshots

[if relevant, include a screenshot]

[webteam-app]

Demo

Jenkins

demos.haus

[mattea-turic]

@immortalcodes I added some comments on the figma file

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Please upload report for BASE (feature-mongodb@949256e). Learn more about missing BASE report.

Additional details and impacted files

```diff @@ Coverage Diff @@ ## feature-mongodb #1343 +/- ## ================================================== Coverage ? 72.04% ================================================== Files ? 13 Lines ? 1073 Branches ? 0 ================================================== Hits ? 773 Misses ? 300 Partials ? 0 ``` | [Flag](https://app.codecov.io/gh/canonical/canonical.com/pull/1343/flags?src=pr&el=flags&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=canonical) | Coverage Δ | | |---|---|---| | [python](https://app.codecov.io/gh/canonical/canonical.com/pull/1343/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=canonical) | `72.04% <ø> (?)` | | Flags with carried forward coverage won't be shown. [Click here](https://docs.codecov.io/docs/carryforward-flags?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=canonical#carryforward-flags-in-the-pull-request-comment) to find out more.

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

[mattea-turic]

@immortalcodes just 2 very minor things left over! tagged you in the figma

[petesfrench]

I have left a comment in Jira, as currently this page is floating in space. I've asked the pdm to provide some way to navigate to the page: https://warthogs.atlassian.net/browse/WD-12243?focusedCommentId=553775

[petesfrench]

We might want to revise the table, as personally, I'm not sure what it represents. Specifically the 'Supported data types' section:

[petesfrench]

This looks to me like there is an alignment problem. I believe all text should start on the same line, @mattea-turic ?:

[immortalcodes]

We might want to revise the table, as personally, I'm not sure what it represents. Specifically the 'Supported data types' section:

Do you mean a design overhaul? Or just something with widths of the columns

[petesfrench]

We are going to have to do something about the table on mobile view. You can probably just use the 'p-table--mobile-card' class.

[immortalcodes]

We are going to have to do something about the table on mobile view. You can probably just use the 'p-table--mobile-card' class.

This might not project the intended meaning here, see below:

[lyubomir-popov]

@juanruitina or @Sophie-32 - for the table here, should we do a horizontal scroll? That would be my preference.

[juanruitina]

(I'd probably go for that yes, but I see it's been merged already)