fixed nav-bar icons

[bushra-aekay]

Description

• This PR resolves the navbar language-icon issue and inconsistencies in the Navbar Icons Alignment.
• Language Selector Icon Issue: On larger screens - an invisible clickable area was present next to the visible language selector. This has been fixed by ensuring the icon is no longer present in the DOM on larger screens, preventing the confusing interaction.
• Icon Spacing Issue: The horizontal spacing between various icons (search, language, notifications, theme, user) in the toolbar was uneven. Made adjustments to the spacing to create a balanced and appealing layout.
• Adjusted Language Icon Breakpoint: The breakpoint at which the language selector transitions from a small icon to a larger rectangular element has been adjusted to 960px. This resolves the issue of the small icon being invisible around the 959px width. Also adjusted the margin-left to give a uniform look.

File Changes :

1. toolbar.component.html: Improved language selector responsiveness and toolbar spacing.
2. search-tool.component.scss: Adjusted search icon spacing.
3. toolbar.component.scss: Adjusted language icon display.

Dependencies:

• No new external dependencies were introduced with this change.

Related issues and discussion

Web-122 (https://mifosforge.jira.com/browse/WEB-122)

Screenshots, if any

Navbar View (After fix)-

Navbar View (Before fix)-

Checklist

Please make sure these boxes are checked before submitting your pull request - thanks!

• If you have multiple commits please combine them into one commit by squashing them.

• Read and understood the contribution guidelines at web-app/.github/CONTRIBUTING.md.

[steinwinde]

Thank you, Bushra, but could you please squash your commits, so only one remains? You can read about it here.

[bushra-aekay]

Thank you, Bushra, but could you please squash your commits, so only one remains? You can read about it here.

Done!

[steinwinde]

If you want to provide a new PR, please target the dev branch, not main. The dev branch is where all the progress happens from today on.