Fix transparent gap in phone Navbar

[Akshun-01]

Description
This commit addresses the issue by fixing the transparent gap in the phone Navbar.

This PR fixes #1418

Notes for Reviewers

Before

After

Signed commits

• Yes, I signed my commits.

[welcome]

Yay, your first pull request! 👍 A contributor will be by to give feedback soon. In the meantime, please review the Newcomers' Guide and sure to join the community Slack.
Be sure to double-check that you have signed your commits. Here are instructions for making signing an implicit activity while peforming a commit.

[netlify]

✅ Deploy Preview for mesheryio-preview ready!

Name	Link
🔨 Latest commit	f21d2bb
🔍 Latest deploy log	https://app.netlify.com/sites/mesheryio-preview/deploys/650591965b0cd00008d4bc97
😎 Deploy Preview	https://deploy-preview-1421--mesheryio-preview.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[abhijeetgauravm]

hey @Akshun-01 there is inconsistency at some screen size(below ~ 355 px)

[Akshun-01]

Hi @abhijeetgauravm, there was a minor issue with the width property, I fixed it. Could you please review and tell me if any further changes are needed?

[Mohith234]

• Do not include these files Gemfile and Gemfile.lock in your commit

Remove the mentioned files and you are good to go @Akshun-01

[Akshun-01]

Hi @Mohith234 , I think I didn't do it the right way. Wasn't I supposed to remove the files and commit and push again ?
Could you help me with this one

[Mohith234]

• If you delete it and commit the changes git tracks this as we need to delete the files in the project itself.

• You can revert the files and then commit the remaining files. It will work fine @Akshun-01

[Akshun-01]

Hi @Mohith234 , I reverted the changes in gemfile. You can now review the changes. The navbar is working fine on phone.

[Mohith234]

@Akshun-01 All good to go, Just squash the commits into one.

[Akshun-01]

Hi @Mohith234 , I squashed the commits. You can review it.
It has some issue with Gemsfile, showing some change but like the same line deleted and added. Is that a bug or some error from my side ?

[Ghat0tkach]

hey @Akshun-01
Let's discuss it on the websites call.
I have already added your agenda as part of today's meeting minutes

https://docs.google.com/document/d/1XczAHXVe2FIWPqiF57ospJ43zw5cZQ7ui8mn39v5EvA/edit#heading=h.lohhtewfwima

[Akshun-01]

Hi @Ghat0tkach, we could not discuss the issue due to time constraints.
Can you review the PR and tell me what I need to do?
I don't think the issue is about code now, it's more about git and github, and I do lack experience with it. So could you please explain it in detail so that I can clear up this issue?

[VivekBaldha0712]

LGTM !!

[welcome]

Thanks for your contribution to the Layer5 and Meshery community! 🎉

        ⭐ Please leave a star on the project. 😄

[leecalcote]

Thank you, all!