Add GitHub OAuth authentication support

[skwowet]

Changes proposed ✍️

What

🤖 Generated by Copilot at ce82a79

Added GitHub OAuth integration to the backend and frontend of the application. This allows users to sign in or sign up with their GitHub accounts using authSocial.ts, signin-page.vue, and signup-page.vue.
​

🤖 Generated by Copilot at ce82a79

We're sailing on the web with GitHub and passport
We've got OAuth to sign in and sign up with a port
So heave away, me hearties, and pull the code along
We'll make our app more user-friendly with a catchy shanty song

Why

Most devs are probably more likely to be logged into GitHub than Google, as mentioned in issue #444 🛠️

Screenshots

Here's how it looks on the signup and login page,

How

🤖 Generated by Copilot at ce82a79

• Enable GitHub OAuth integration in the backend by importing GITHUB_CONFIG from ../../conf (link) and adding two routes to handle the authorization and callback (link) in backend/src/api/auth/authSocial.ts.

Checklist ✅

• Label appropriately with Feature, Improvement, or Bug.
• Add screehshots to the PR description for relevant FE changes
• New backend functionality has been unit-tested.
• API documentation has been updated (if necessary) (see docs on API documentation).
• Quality standards are met.

[skwowet]

Extremely sorry for the delay guys, I have been AFK for quite some time, due to my exams 🙂

[nunoeufrasio]

Hi @yeganathan18 :) ...designs specs to consider for the GitHub button to be consistent:

logo should be 20*20px / color: #000 / 12px margin between logo and label;

[skwowet]

Hey @nunoeufrasio! 👋 Thanks for the design suggestion. I actually had the same thought because when I visually compare the GitHub logo to Google's, it doesn't seem big enough.

But when I increase the width and height, the logo doesn't actually get bigger, it just takes up more space. It's a bit puzzling, isn't it? 🤔

[skwowet]

I have introduced a new env var in the PR and before testing it out locally, do add the variable in env file.

CROWD_GITHUB_CALLBACK_URL=callback-url

[epipav]

nice work 💪 I made some comments regarding code structure