Add create file table, insert first user, fully port to tailwind

packages/frontend/src/styled/Button.tsx

@@ -0,0 +1,41 @@
+import { ButtonHTMLAttributes, DetailedHTMLProps } from "react";
+
+export namespace Button {
+	export type Props = Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className">;
+}
+
+export function Button({ children, ...props }: Button.Props) {
+	return (
+		<button
+			{...props}
+			className="
+				p-2
+				bg-stone-300
+				border-2
+				border-t-stone-200
+				border-l-stone-200
+				border-r-stone-600
+				border-b-stone-600
+				active:border-t-stone-600
+				active:border-l-stone-600
+				active:border-r-stone-200
+				active:border-b-stone-200
+				rounded
+				focus:outline
+				focus:outline-2
+				focus:outline-red-500
+				dark:bg-stone-700
+				dark:border-t-stone-600
+				dark:border-l-stone-600
+				dark:border-r-stone-900
+				dark:border-b-stone-900
+				dark:active:border-t-stone-900
+				dark:active:border-l-stone-900
+				dark:active:border-r-stone-600
+				dark:active:border-b-stone-600
+			"
+		>
+			{children}
+		</button>
+	);
+}