refactor: organized component folder structure

fix: scrolling in login page

src/components/buttons/sso-login-button.tsx

@@ -0,0 +1,30 @@
+import { signIn } from '@/auth';
+import { IconButton } from '@/components/buttons/icon-button';
+import { faOpenid } from '@fortawesome/free-brands-svg-icons';
+
+export default function SSOLogin({
+  provider,
+  providerDisplayName,
+}: {
+  provider: string;
+  providerDisplayName: string;
+}) {
+  return (
+    <form
+      className='flex flex-col items-center w-full'
+      action={async () => {
+        'use server';
+        await signIn(provider);
+      }}
+    >
+      <IconButton
+        className='w-full'
+        type='submit'
+        variant='secondary'
+        icon={faOpenid}
+      >
+        Login with {providerDisplayName}
+      </IconButton>
+    </form>
+  );
+}