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>
+  );
+}

src/components/user/logout-button.tsx

@@ -1,6 +1,7 @@
 import { signOut } from '@/auth';
+import Button from '../Button';
 
-export function SignOut() {
+export function Logout() {
   return (
     <form
       action={async () => {
@@ -8,7 +9,7 @@ export function SignOut() {
         await signOut();
       }}
     >
-      <button type='submit'>Sign Out</button>
+      <Button type='submit'>Sign Out</Button>
     </form>
   );
 }

src/components/user/signin-button.tsx

@@ -1,14 +0,0 @@
-import { signIn } from '@/auth';
-
-export default function SignIn() {
-  return (
-    <form
-      action={async () => {
-        'use server';
-        await signIn('authentik');
-      }}
-    >
-      <button type='submit'>Signin with Authentik</button>
-    </form>
-  );
-}