File upload frontend

[JasonChong96]

Problem

Implementation of the front-end interface for the file upload feature. With the implementation of the file upload feature, the backend requires credentials to access the S3 bucket. A safety check has been added as a pre-commit hook to ensure any keys are not committed.

[Closes #129]

Solution

• Update create URL modal to allow for file upload
• Write relevant fields to FormData
• Implement actual call to file upload API
• Wait for file upload backend PR and rebase on develop

Improvements

• Add pre-commit hook to prevent committing of aws keys
• MessageType can be added to json responses.
• Added tests for json.ts
• File upload feature description has been added to the home page
• Add file extension support for file uploads and patching
• Disable caching of objects uploaded to S3 bucket
• File upload API call now recognises plain text responses as JOI validation does not send json responses.
• JOI calls to .custom now uses the custom property when returning error messages so that the messages reach the front-end.
• Removed size prop on most icon widgets as they do not actually scale
• Remove unnecessary duplicates of snackbars
• Link click analytics coming soon title should be centralized on mobile
• Applying filter (not sort) is now extracted into its own action. When a filter is applied, the page number is reset to prevent the client from requesting a now non-existent page number
• isFile is sets to not null on sequelize

Before & After Screenshots

AFTER:
Desktop
Desktop with file
Desktop file too large
Desktop with link taken
Mobile

[yong-jie]

Incremental review

[yong-jie]

lgtm 🤞