feat: begin redesign and component unification

app/routes/auth/login.tsx

@@ -96,7 +96,7 @@ export default function Page() {
 
 	return (
 		<div className="flex min-h-screen items-center justify-center">
-			<Card className="max-w-sm m-4 sm:m-0 rounded-2xl">
+			<Card className="max-w-sm m-4 sm:m-0" variant="raised">
 				<Card.Title>Welcome to Headplane</Card.Title>
 				{data.apiKey ? (
 					<Form method="post">
@@ -117,7 +117,7 @@ export default function Page() {
 							type="password"
 						/>
 						<Button className="w-full mt-2.5" variant="heavy" type="submit">
-							Login
+							Sign In
 						</Button>
 					</Form>
 				) : undefined}
@@ -131,8 +131,8 @@ export default function Page() {
 				{data.oidc ? (
 					<Form method="POST">
 						<input type="hidden" name="oidc-start" value="true" />
-						<Button className="w-full" variant="heavy" type="submit">
-							Login with SSO
+						<Button className="w-full" type="submit">
+							Single Sign-On
 						</Button>
 					</Form>
 				) : undefined}

app/routes/machines/dialogs/new.tsx

@@ -103,13 +103,7 @@ export default function New(data: NewProps) {
 				</Dialog.Panel>
 			</Dialog>
 			<Menu>
-				<Menu.Button
-					className={cn(
-						'w-fit text-sm rounded-lg px-4 py-2',
-						'bg-main-700 dark:bg-main-800 text-white',
-						'hover:bg-main-800 dark:hover:bg-main-700',
-					)}
-				>
+				<Menu.Button variant="heavy">
 					Add Device
 				</Menu.Button>
 				<Menu.Items>