Enhance System Items Table Filtering

[asuresh-code]

Description

Enter a description of the changes here

Testing instructions

Add a set up instructions describing how the reviewer should test the code

• Review code
• Check Actions build
• Review changes to test coverage
• {more steps here}

Agile board tracking

closes #1039

[codecov]

Codecov Report

Attention: Patch coverage is 98.36066% with 1 line in your changes missing coverage. Please review.

Project coverage is 98.99%. Comparing base (4be29b2) to head (96b2db6).
Report is 8 commits behind head on develop.

✅ All tests successful. No failed tests found.

Files with missing lines	Patch %	Lines
src/items/itemsTable.component.tsx	75.00%	1 Missing ⚠️

Additional details and impacted files

@@             Coverage Diff             @@
##           develop    #1140      +/-   ##
===========================================
+ Coverage    98.97%   98.99%   +0.01%     
===========================================
  Files           98       99       +1     
  Lines        17736    18063     +327     
  Branches      3014     3056      +42     
===========================================
+ Hits         17554    17881     +327     
  Misses         178      178              
  Partials         4        4              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[joshuadkitenge]

LGTM, just one minor change can you make the usage status column larger please

[rowan04]

One question.

Also note the failing test: seems to be at

inventory-management-system/src/systems/__snapshots__/systemItemsTable.component.test.tsx.snap

Line 241 in 1935ec3

style="--header-catalogueItem_name-size: 250; --col-catalogueItem_name-size: 250; --header-mrt_row_expand-size: 100; --col-mrt_row_expand-size: 100; --header-mrt_row_select-size: 60; --col-mrt_row_select-size: 60; --header-item_serial_number-size: 250; --col-item_serial_number-size: 250; --header-item_modified_time-size: 350; --col-item_modified_time-size: 350; --header-item_delivered_date-size: 350; --col-item_delivered_date-size: 350; --header-item_is_defective-size: 200; --col-item_is_defective-size: 200; --header-item_usage_status-size: 200; --col-item_usage_status-size: 200; --header-mrt_row_spacer-size: 40; --col-mrt_row_spacer-size: 40; --header-item_created_time-size: 350; --col-item_created_time-size: 350;"

[rowan04]

Suggested change

	aria-label=",Tue Sep 05 2023 23:00:00 GMT+0000 (Coordinated Universal Time)"
	aria-label="Tue Sep 05 2023 23:00:00 GMT+0000 (Coordinated Universal Time)"

Should the comma be there?

[asuresh-code]

I don't expect it to be there, so I'm not sure why it does appear? It could be a follow on from the previous dates in separate divs; the snapshot might split up dates listed.

[joshuadkitenge]

This needs to be done like usage status and system id