Updated a circle border on the brand logo

[nandini584]

Fixes #11449

I have made some improvements to the design for Menu and Menu-Items.
The border was added to the brand logo and extra 3px margins were removed from both left and right.

[squash-labs]

Manage this branch in Squash

Test this branch here: https://nandini584menu-and-menu-items-xijac.squash.io

[lb-]

Thanks for taking the time to prepare this PR @nandini584 do you mind including a screenshot of before/after in your PR description - it will help with reviewing.

Also, a reminder to run your formatter on any new code changes. npm run format should fix this, or you can look at installing the pre-commit hooks. https://docs.wagtail.org/en/stable/contributing/developing.html#automatically-lint-and-code-format-on-commits

[nandini584]

I had some problem with my previous repo throwing an error so I had to reclone it and create another pr,
#11741

I have updated the changes and added screenshots as per requirement and have used forced colors as well.

[lb-]

Ok. I'll assume this PR can be closed then as #11741 is the newer one.

[nandini584]

Yup thanks.