(fix): Creator profile gets margin

[brrkrmn]

Summary

Creator profile content lacked margin in the following instances:

1. for non-logged-in users
2. for logged-in users between 740-960px of screen width

Closes #1005

Changes

• For logged-in users, the profile content is rendered within a grid inside DashboardLayout, whose styles determine the margins around this content. But in the non-logged-in state, the profile content is rendered on its own. That is why non-logged-in users do not see those margins. However, applying the necessary margins to the content itself results in too much margin for the logged-in state (content's margin + dashboardLayout's margin). That's why I created a new nonLoggedInRoot class or the content to only apply margin for non-logged-in state.
• Removed margins of separate sections and applied margin to the content's root instead.

Screenshots

Before

After

[NdibeRaymond]

code looks good. I haven't tested it manually yet

[github-actions]

@NdibeRaymond is creating a test VM for this PR 🚀🚀🚀
This may take a few minutes so relax and grab a cup of coffee ☕
We will notify you when the VM is ready.

[github-actions]

Test VM is ready ✅✅✅
You can access it with the url:
https://zubhub-test-1008.unstructured.studio

[github-actions]

@NdibeRaymond is deleting test VM ...

[github-actions]

Test VM deleted ✅✅✅

[github-actions]

pre-commit checks failed ❌❌❌
make sure you have pre-commit set up locally (see the README.md for instructions).
If you have set up pre-commit locally, you may need to undo this commit and
run "pre-commit" locally to see what the errors are.

[github-actions]

All pre-commit checks passed ✅✅✅

[NdibeRaymond]

@brrkrmn I already rebased this on top of master and got pre-commit passing.
the steps are:

• rebase this branch on top of master.
• squash the commits in this PR from 2 commits to 1.
• undid the commit in a way that the changes weren't discarded (git reset --soft HEAD~1)
• followed the instruction in the readme to set up pre-commit
• run pre-commit to see what the errors were
• fix the errors, commit and force push

[github-actions]

All pre-commit checks passed ✅✅✅

[NdibeRaymond]

had to rework this PR a bit. I think it's ok now. merging after pre-commit has completed successfully

[github-actions]

All pre-commit checks passed ✅✅✅

[yokwejuste]

had to rework this PR a bit. I think it's ok now. merging after pre-commit has completed successfully

okay...

[github-actions]

All pre-commit checks passed ✅✅✅

[NdibeRaymond]

more css and eslint fixes