🔧 Refactor Input component

📦 Improve code structure and styling
🔍 Enhance readability and maintainability
✨ Add forwardRef for better usability
🐛 Fix minor bugs and issues

src/shared/Input.tsx

@@ -0,0 +1,34 @@
+import React, { InputHTMLAttributes } from "react";
+
+export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+  sizeClass?: string;
+  fontClass?: string;
+  rounded?: string;
+}
+
+// eslint-disable-next-line react/display-name
+const Input = React.forwardRef<HTMLInputElement, InputProps>(
+  (
+    {
+      className = "",
+      sizeClass = "h-11 px-4 py-3",
+      fontClass = "text-sm font-normal",
+      rounded = "rounded-2xl",
+      children,
+      type = "text",
+      ...args
+    },
+    ref
+  ) => {
+    return (
+      <input
+        ref={ref}
+        type={type}
+        className={`block w-full border-neutral-200 focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50 bg-white dark:border-neutral-700 dark:focus:ring-primary-6000 dark:focus:ring-opacity-25 dark:bg-neutral-900 ${rounded} ${fontClass} ${sizeClass} ${className}`}
+        {...args}
+      />
+    );
+  }
+);
+
+export default Input;