Created a profile editing page

src/components/Low/Input.tsx

@@ -5,11 +5,12 @@ interface Props {
 	required?: boolean;
 	label?: string;
 	placeholder?: string;
+	defaultValue?: string;
 	name: string;
 	onChange: (value: string) => void;
 }
 
-export default function Input({type, label, placeholder, name, required = false, onChange}: Props) {
+export default function Input({type, label, placeholder, name, required = false, defaultValue, onChange}: Props) {
 	const [showPassword, setShowPassword] = useState(false);
 
 	if (type === "password") {
@@ -55,6 +56,7 @@ export default function Input({type, label, placeholder, name, required = false,
 				placeholder={placeholder}
 				className="px-8 py-6 text-sm font-normal placeholder:text-mti-gray-cool bg-white rounded-full border border-mti-gray-platinum focus:outline-none"
 				required={required}
+				defaultValue={defaultValue}
 			/>
 		</div>
 	);