[frontend] Align design and fix new datatable (#7906)

[aHenryJard]

Proposed changes

• UI and UX fixes for datatable component.

Related issues

• relates to Update views to new DataTable #7906

Checklist

• I consider the submitted work as finished
• I tested the code for its functionality
• I wrote test cases for the relevant uses case (coverage and e2e)
• I added/update the relevant documentation (either on github or on notion)
• Where necessary I refactored code to improve the overall quality

Further comments

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 66.21%. Comparing base (5d6f8bb) to head (c0799d3).
Report is 7 commits behind head on master.

Additional details and impacted files

@@           Coverage Diff           @@
##           master    #8269   +/-   ##
=======================================
  Coverage   66.21%   66.21%           
=======================================
  Files         597      597           
  Lines       60339    60339           
  Branches     6202     6207    +5     
=======================================
+ Hits        39954    39956    +2     
+ Misses      20385    20383    -2     

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