feat: finalize pages

frontend/src/components/ui/code.tsx

@@ -0,0 +1,22 @@
+import { twMerge } from "tailwind-merge";
+
+interface CodeProps extends React.ComponentPropsWithoutRef<"code"> {
+  children?: React.ReactNode;
+  className?: string;
+}
+
+function Code({ children, className, ...props }: CodeProps) {
+  return (
+    <code
+      className={twMerge(
+        "relative rounded bg-muted px-[0.2rem] py-[0.1rem] font-mono text-sm font-semibold",
+        className,
+      )}
+      {...props}
+    >
+      {children}
+    </code>
+  );
+}
+
+export { Code };

frontend/src/components/ui/oauth-button.tsx

@@ -16,7 +16,7 @@ export const OAuthButton = (props: Props) => {
   return (
     <Button
       onClick={onClick}
-      className={twMerge("rounded-full", className)}
+      className={twMerge("rounded-md", className)}
       variant="outline"
       {...rest}
     >