Files tab - improve view and findability

[sanjaytkbabu]

Description

PADS-24: Files tab - improve view and findability
Describe your changes in detail:
Added list view to the files tab
New upload button added
Added button to switch between grid and list views
Added search and sort functionality for files in both views
Changed list documents api to fetch created_by information
Changed created documents api to save information of user to the db
Modularized delete document view and functions

Types of changes

New feature (non-breaking change which adds functionality)

Checklist

• I have read the CONTRIBUTING doc
• I have checked that unit tests pass locally with my changes
• I have added tests that prove my fix is effective or that my feature works
• I have added necessary documentation (if appropriate)

Further comments

[github-actions]

Coverage Report (Frontend)

Totals
Statements:	22.51% ( 533 / 2368 )
Methods:	20.13% ( 90 / 447 )
Lines:	25.52% ( 329 / 1289 )
Branches:	18.04% ( 114 / 632 )

[Subin1Doo]

Looking great!!
Some minor adjustments please :)

• Center align the delete icon with the word "Action."

• List / grid view icon - make them bigger

• Hover over list/ grid icon-> I think we should add another visual cue here.. light blue circle/ square behind the icon? (I'll add this to Figma)

• The length/ size of the sorting bar changes when you switch views, grid view sort bar is longer

• Grid view sort bar should be the same length as list view sort bar

• Grid view sort bar, can we make it like the way it is on Figma? All "sort by" columns pushed to the left so they are all closer to each other (List view sort bar looks good)

• Grid view - for each file, bottom padding looks greater than top padding (the area around file name, info, and delete icon), can we close the white space by a tiny bit so it's equal to the top

• Delete confirmation pop-up -> confirm button -> change to red

Thank you!

[github-actions]

Coverage Report (Application)

Totals
Statements:	47.09% ( 542 / 1151 )
Methods:	37.44% ( 85 / 227 )
Lines:	60.03% ( 365 / 608 )
Branches:	29.11% ( 92 / 316 )

[codeclimate]

Code Climate has analyzed commit c5d9306 and detected 1 issue on this pull request.

Here's the issue category breakdown:

Category	Count
Complexity	1

The test coverage on the diff in this pull request is 4.8% (50% is the threshold).

This pull request will bring the total coverage in the repository to 36.5% (-1.0% change).

View more on Code Climate.