feat: added button styling and updated login layout

src/components/user/login-button.tsx

@@ -0,0 +1,24 @@
+import { signIn } from '@/auth';
+import Button from '../Button';
+import { faOpenid } from '@fortawesome/free-brands-svg-icons';
+
+export default function Login({
+  provider,
+  providerDisplayName,
+}: {
+  provider: string;
+  providerDisplayName: string;
+}) {
+  return (
+    <form
+      action={async () => {
+        'use server';
+        await signIn(provider);
+      }}
+    >
+      <Button type='submit' mode='warning' icon={faOpenid}>
+        Login with {providerDisplayName}
+      </Button>
+    </form>
+  );
+}