Fix sidebar flickering issue

[Yomzy2223]

Fix Sidebar flickering and Misalignment on page reload

This PR fixes sidebar items and Logo flickering and misalignment on page reload

Linked issues

closes EveripediaNetwork/issues#3727

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
iq-dashboard	✅ Ready (Inspect)	Visit Preview	Jan 13, 2025 4:05pm

[codeclimate]

Code Climate has analyzed commit 4c9b61a and detected 0 issues on this pull request.

View more on Code Climate.

[Damola18]

The flickering has been fixed, great job

For the alignment, do you think having it center-aligned within that container is a great idea?

I was thinking having the logo aligned with the two nav items will give a more structured look.

[Yomzy2223]

The flickering has been fixed, great job

For the alignment, do you think having it center-aligned within that container is a great idea?

I was thinking having the logo aligned with the two nav items will give a more structured look.

Not bad I think. Also, that's what we have on Figma.
Btw, this PR only fixes the flickering issue and misalignment on reload. It didn't modify the design

[Damola18]

The flickering has been fixed, great job
For the alignment, do you think having it center-aligned within that container is a great idea?

I was thinking having the logo aligned with the two nav items will give a more structured look.

Not bad I think. Also, that's what we have on Figma. Btw, this PR only fixes the flickering issue and misalignment on reload. It didn't modify the design

What we currently have on prod

What we have currently

[Yomzy2223]

The flickering has been fixed, great job
For the alignment, do you think having it center-aligned within that container is a great idea?

I was thinking having the logo aligned with the two nav items will give a more structured look.

Not bad I think. Also, that's what we have on Figma. Btw, this PR only fixes the flickering issue and misalignment on reload. It didn't modify the design

What we currently have on prod

### What we have currently

It's one of the fixes in this PR. The alignment we currently have on prod was introduced by the PR merged yesterday

[Damola18]

The flickering has been fixed, great job
For the alignment, do you think having it center-aligned within that container is a great idea?

I was thinking having the logo aligned with the two nav items will give a more structured look.

Not bad I think. Also, that's what we have on Figma. Btw, this PR only fixes the flickering issue and misalignment on reload. It didn't modify the design

What we currently have on prod

### What we have currently

It's one of the fixes in this PR. The alignment we currently have on prod was introduced by the PR merged yesterday

Okay, that's clarified now