Editor and Settings edit

[bryanwong8]

Is your feature request related to a problem? Please describe.
We need to edit some small features for the article editor and settings.

Figma Design

Article Editor

• We need a way for the cover image to be previewed in the editor.

• Should use ant design message component, https://ant.design/components/message/ to display that the user's article has been saved. This is when the Article is autosaved.

• We should double check for the editor to only accept images and not other file formats (.png, etc.)

• The cover image does not get saved to the database when an image is submitted. Double check that it does get sent. Check if it gets displayed correctly in pages/article/[pid].tsx file.

User Dashboard Settings

• Add hover effect on reupload image word

• Add the name, occupation and location field for the dashboard

• Incorporate image resizing when uploading an article editor and user profile image upload through cloudinary