Cde design system

[edlu77]

Added design system and updated styles for landing page, create vis page, and visualization page

Contains updates to create vis page from #735

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit e77e6ae. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 6 targets

• nx affected --target=build --parallel=3
• nx affected --target=test --parallel=3 --exclude=tag:karma-test-runner --ci --code-coverage
• nx affected --target=lint --parallel=3
• nx-cloud record -- npx nx format:check
• nx affected --target=test-doc-coverage --parallel=3
• nx affected --target=test --parallel=3 --exclude=*,!tag:karma-test-runner --code-coverage

---

Sent with 💌 from NxCloud.

[github-actions]

🚀 Preview Deploy Report Updated

✅ Successfully deployed preview here

[LibbyUX]

Hi @edlu77, thank you so much for getting this started! It's looking good!

Some requests for this preview:

• I'm looking for updates in our design system to build this nav header:
  • I created a list of design system updates for all nav headers on this issue to help organize what is needed in the design system first before implementing in the CDE: Use design system nav header #767
• Is it possible to get this to stick at the top of the page on scroll? This is functionality needed for all nav headers in the design system.
• I would like to see the updated HuBMAP apps sidenav implemented as well on click of the Apps icon button.

Thank you so much! Please don't hesitate to reach out if you have questions!

[sonarcloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

[edlu77]

@LibbyUX I've made the header updates in a separate PR: #778

Please comment there with any feedback. Thanks!