Describe the bug

The placement of the magnifying glass icon within the appbar in mobile resolution is positioned towards the right side rather than being centered, which presents an issue that requires attention.

To Reproduce the issue

1. Open the web application on a mobile device.
2. Verify the screen resolution of the mobile device.
3. Navigate to the section of the web application where the app bar (navbar) is located.
4. Observe the position of the magnifying glass icon within the app bar.
5. Note if the magnifying glass icon is placed towards the right side of the app bar instead of being centered.
6. If necessary, compare the position of the magnifying glass icon with a reference point to confirm misalignment.
7. Document the observed placement of the magnifying glass icon for further reference or reporting.

Expected Behavior

Upon accessing the web application on a mobile device:

1. The screen resolution is detected automatically.
2. Navigating to the relevant section, the app bar (navbar) is displayed at the top of the screen.
3. The magnifying glass icon within the app bar is positioned centrally.
4. Users can easily locate and interact with the centered magnifying glass icon to initiate search functionality.
5. The placement of the magnifying glass icon remains consistent across different mobile devices and web browsers.
6. The centered position of the magnifying glass icon enhances user experience by providing intuitive access to search functionality.

Screenshot

Please checkmark the following checklist:

• I make sure that similar issue is not opened