chore(carbon): refactor layout to match current dashboard

[taymoor89]

Summary

This PR refactors the side navigation and the general layout to match the current greenhouse dashboard.

Changes Made

• Layout refactored
• Side navigation in new dashboard does not flicker

Related Issues

• https://github.com/orgs/cloudoperators/projects/4/views/9?pane=issue&itemId=84503372&issue=cloudoperators%7Cjuno%7C552

Screenshots (if applicable)

Layout

Before:

After:

Side Navigation

Greenhouse Carbon

Testing Instructions

1. cd apps/carbon
2. npm i
3. npm run dev

Checklist

• [x] I have performed a self-review of my code.
• [x] I have commented my code, particularly in hard-to-understand areas.
• [x] I have added tests that prove my fix is effective or that my feature works.
• [x] New and existing unit tests pass locally with my changes.
• [ ] I have made corresponding changes to the documentation (if applicable).
• [x] My changes generate no new warnings or errors.

[changeset-bot[bot]]

⚠️ No Changeset found

Latest commit: ffb68db27ad896bd91d0ecef5c93f6e79de95550

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[github-actions[bot]]

PR Preview Action v1.4.8 :---: Preview removed because the pull request was closed. 2024-10-28 09:02 UTC

[andypf]

It looks like this PR breaks the tests for Greenhouse. We should investigate and fix the issue.