Enhancement/Financial Request Menu UI

[fanesz]

Base Issue: #4

Comment & Suggestion from @Rendy752 at: #10

Todo:

• Butuh icon atau color yang mengindikasikan status Rejected (danger), Pending (warning), Approved (Success) yang tidak terlalu mencolok supaya memudahkan perbedaan status per item

• Format datetime di tooltip Created At belum human readable

• Petisi nambahin button untuk clear filter selection disamping filter button

• Untuk sort by created kan based on date di kolom tabel

• Search nya kan khusus untuk id dan resultnya antara not found atau ketemu 1, menurut ane bagus langsung trigger modal popup detailnya kalo ketemu. Atau ada opsi lain yang lebih user friendly search nya secara umum untuk semua value kolom di tabel

• For the sort by click table header, make sure to implement it as simple as possible, and make it reusable

[Herlin6]

update:

• add icon for the financial request status
• edit datetime format in Created At tooltip
• edit search bar and SortBy filter
• add trigger for a modal popup in the search bar
• add TableSortBy in component
• add TableSortBy button in table header
• add clear filter button

ui: