Authentication And Serive Engineer Portal is added

components/auth/loginForm.tsx

@@ -4,6 +4,7 @@ import Button from "@/utils/button";
 import { useState } from "react";
 
 import {Props} from "@/constants/types"
+import { signIn } from "next-auth/react";
 
 
 export default function LoginForm({ onSuccess,onForgotPassword }: Props) {
@@ -41,9 +42,9 @@ export default function LoginForm({ onSuccess,onForgotPassword }: Props) {
   <Button
    
     onClick={() => setShowPassword(!showPassword)}
-    className="absolute right-4 top-[40px] text-slate-500 hover:text-slate-300"
+    className="absolute right-4 top-[35px] text-slate-500 hover:text-slate-300"
   >
-    {showPassword ? <EyeOff size={18} /> : <Eye size={18} />}
+    {showPassword ?   <Eye size={18} /> :<EyeOff size={18} />}
   </Button>
 </div>
       </div>
@@ -85,6 +86,9 @@ export default function LoginForm({ onSuccess,onForgotPassword }: Props) {
         </div>
 
         <Button 
+        onClick={() => signIn("keycloak", {
+      callbackUrl: "/dashboard",
+    })}
           className="h-10 w-full rounded-lg border border-slate-800 bg-[#122031] text-sm font-semibold text-white hover:bg-[#17293e] transition"
         >
           Sign in with SSO