feat: responsive auth page

apps/web/src/components/Button.tsx

@@ -10,6 +10,7 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   iconLeft?: React.ReactNode;
   iconRight?: React.ReactNode;
   href?: string;
+  fullWidth?: boolean;
   openInNewTab?: boolean;
 }
 
@@ -21,13 +22,15 @@ const Button = ({
   isLoading,
   variant = "primary",
   href,
+  fullWidth,
   openInNewTab,
   ...props
 }: ButtonProps) => {
   const classes = twMerge(
     "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-2 text-sm font-semibold text-light-50 shadow-sm focus-visible:outline-none",
     size === "sm" && "text-xs",
-    size === "lg" && "px-4 py-3 text-lg",
+    size === "lg" && "py-[0.65rem]",
+    fullWidth && "w-full",
     variant === "primary" &&
       "bg-light-1000 dark:bg-dark-1000 dark:text-dark-50",
     variant === "secondary" &&