Grouped components into folders

client/components/common/Input.tsx

@@ -0,0 +1,22 @@
+/* eslint-disable react/display-name */
+import clsx from "clsx"
+import { forwardRef } from "react"
+
+type InputProps = React.ComponentPropsWithoutRef<"input">
+
+const Input = forwardRef<HTMLInputElement, InputProps>(
+  ({ className, ...rest }, ref) => {
+    return (
+      <input
+        className={clsx(
+          "bg-zinc-700 rounded-md box-border focus:outline outline-violet-400 text-sm",
+          className,
+        )}
+        {...rest}
+        ref={ref}
+      />
+    )
+  },
+)
+
+export default Input