Article Dashboard and Github OAuth

[bryanwong8]

Is your feature request related to a problem? Please describe.
We need to display the articles by sorting by views, most viewed and most recent articles in the user dashboard.

Describe the solution you'd like
A clear and concise description of what you want to happen.

Figma Design

• ##User Dashboard

• Should be editing the pages/dashboard/[pid].tsx

• Change the most viewed tab to all posts tab. It should display all of the articles written by the current user

• Change the most liked tab to the published. It should display all of the published articles by the current user

• Change the most recent tab to the drafts tab. It should display all of the drafted articles written by the current user.

• Should use the components/global/ArticleList.tsx to display the articles.

• Should call the {{APIURL}}/profiles/{{USERNAME}}/articles route to display the articles from the current user. You can include different query parameters to sort the articles by likes, most viewed and most recent.

• ##Github OAuth

• Should be using the next-auth package to implement Github OAuth, https://github.com/iaincollins/next-auth

• At first, generate the Github API Key and secret with your account. We will later change the API Keys and Secret to the Bit Project account.

• You should look at the documentation from this link to implement OAuth, https://next-auth.js.org/getting-started/introduction

• You can even try the demo with this link, https://next-auth-example.now.sh/

[lazordiak]

here's what it's looking like right now without the specific articles
for next-auth im getting some weird "object(...) is not a function" errors which i usually attribute to misnamed imports but im basically using the code from the example, so it's puzzling