fix(frontend): prevent datetime inputs overflow in Reports Search page

[srijan2607]

Description

Fix UI overflow issue in the Reports Search page where the "End time" and "Errors" columns were overlapping/overflowing due to wide datetime-local inputs. Related issue #3096

Changes

• Added flex-wrap class to the second row to allow proper wrapping on smaller screens
• Added overflow-hidden class to Start time and End time columns
• Added maxWidth: 200px inline style to all datetime inputs to constrain their width
• Added consistent bg-darker border-dark styling to datetime inputs to match other form inputs

Type of change

• [x] Bug fix (non-breaking change which fixes an issue).

Checklist

• [x] I have read and understood the rules about how to Contribute to this project
• [x] The pull request is for the branch develop
• [N/A] A new plugin (analyzer, connector, visualizer, playbook, pivot or ingestor) was added or changed (This is a UI bugfix only)
• [N/A] I have inserted the copyright banner (No new files created, only modified existing file)
• [x] No new libraries added
• [N/A] External libraries with restrictive licenses (No new libraries)
• [x] Linters (Black, Flake, Isort) gave 0 errors
• [N/A] I have added tests (CSS/styling fix, covered by visual inspection)
• [x] GUI has been modified:
  • [x] I have provided a screenshot of the result in the PR
  • [N/A] Frontend tests (CSS styling fix, no new components)

Screenshots

Before (Bug)

After (Fixed)

[srijan2607]

@fgibertoni Can you take a look

[github-actions[bot]]

This pull request has been marked as stale because it has had no activity for 10 days. If you are still working on this, please provide some updates or it will be closed in 5 days.

[fgibertoni]

Hey @srijan2607 this issue has not been assigned to you... you already have other PRs pending.