Update TagsList and Sidebar to use Ant components

[gabrieldutra]

What type of PR is this? (check all applicable)

• Refactor

Description

Following this discussion, this is an adaptation using Ant components for the Sidebar menu and the TagsList.

Initially this is to discuss the result and possible modifications from the Ant Components.

Related Tickets & Documents

--

Mobile & Desktop Screenshots/Recordings (if there are UI changes)

Queries List

Users List

[kravets-levko]

Awesome @gabrieldutra! 🎉

Is it possible to move that blue stripe (selected item indication) to left - as it was with Bootstrap styles?

[arikfr]

@kravets-levko I agree that with the current position of the sidebar the indication should be on the left side, but what if we moved the sidebar to the left side? 😮

[kravets-levko]

I like current placement of sidebar, but, I think, @gabrieldutra may try both variants and then decide what looks better 👍

[gabrieldutra]

Inverted Stripe

Inverted Menu

In general perspective, left-to-right readers will face the sidebar first when it's on the left side.

I liked the feeling when it was on the left side, but lmk what you prefer :)

[kravets-levko]

I like sidebar on right side more, but left side looks good as well 👍

[arikfr]

I think the thinking behind putting the sidebar on the right side was:

• It makes sense to show the main content (the list) first.
• The sidebar isn't a menu but more like filters for the data shown (which is more common to have on the right).

Considering that both options look good, let's go with having it as is today and put the stripe in the right place (c21ecdf).

[gabrieldutra]

Done!

[kravets-levko]

🎉