This pull request makes several UI improvements to the DataManager filter components, focusing on layout consistency, sizing, and styling for better usability and appearance. The most notable changes involve standardizing input sizes, updating button styles, and ensuring filter components align and scale properly within the sidebar.

before:

after:

Styling and Layout Consistency:

• Increased the sidebar width for filters in DataManager.scss to provide more space for filter controls.
• Ensured datepicker and range input elements take full width and have minimum input widths for better alignment and usability in Filters.scss and FilterLine.scss. [1] [2]

Filter Component Updates:

• Standardized filter input fields by adding a minimum width and setting the input size to "small" in FilterInput.jsx.
• Updated the filter remove button style to use a string look, small size, and no border for a cleaner appearance in FilterLine.jsx.
• Refactored the filter operation layout to use BEM-style class names and divs for columns, ensuring consistent alignment and spacing in FilterOperation.jsx. [1] [2] [3]

Range Input Improvements:

• Wrapped the number range input fields in a flex container with minimum width for better horizontal alignment in Number.jsx.