fix: accessibility issue in side bar

[shrilakshmishastry]

Description

Fix accessibility issue in side nav bar footer icons

• Make all svgs hidden to assistive technology and provide proper aria-label
• Use proper tags to list menus: These are groups/lists of items and provide menus for users to navigate. Hence should be descendent of <ul> and <li> tags with role="menubar" and role="menuitem"
• fix title accessibility issue, by wrapping bruno icon and text inside a single button rather than 2 different buttons. Here bruno logo acts as decorative. Bruno logo and text together act as the brand name here, they are not separate. Hence clubbed.

Accessibility tree structure

then	now

Contribution Checklist:

• The pull request only addresses one issue or adds one feature.
• The pull request does not introduce any breaking changes
• I have added screenshots or gifs to help explain the change if applicable.
• I have read the contribution guidelines.
• Create an issue and link to the pull request.

link to issue

[helloanoop]

@anusreesubash Can you review this please.

[helloanoop]

Thanks for taking the time to work on this @shrilakshmishastry !
We made some updates on top of your changes and it merged as a part of #3130

Closing this PR.