Code rabbit fixes v2

Author: PinJinx

frontend/src/components/pages/ResetPasswordPage.tsx

@@ -1,5 +1,5 @@
 import { useState, useEffect } from "react";
-import type { ReactNode, FormEvent } from "react";
+import type { ReactNode, FormEvent, ComponentPropsWithoutRef, ElementType } from "react";
 import { motion } from "framer-motion";
 import { useNavigate } from 'react-router-dom';
 import { toast} from "react-hot-toast";
@@ -14,11 +14,10 @@ interface AuthLayoutProps {
   children: ReactNode;
 }
 
-interface InputFieldProps extends React.InputHTMLAttributes<HTMLInputElement> {
-  icon: React.ElementType;
+interface InputFieldProps extends ComponentPropsWithoutRef<'input'> {
+  icon: ElementType;
 }
 
-
 const AuthLayout = ({ children }: AuthLayoutProps) => (
   <div className="min-h-screen bg-gray-950 flex items-center justify-center p-4">
     <motion.div