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

components/auth/verifyCode.tsx

@@ -7,7 +7,7 @@ import {Props} from "@/constants/types"
 
 export default function VerifyCode({ onBack }: Props) {
     const [timer, setTimer] = useState(30);
-
+   
   useEffect(() => {
     if (timer === 0) return;
 
@@ -78,7 +78,8 @@ export default function VerifyCode({ onBack }: Props) {
         Trust this device for 30 days
       </label>
 
-      <Button className="h-10 w-full rounded-xl bg-gradient-to-r from-teal-400 to-emerald-400 font-semibold text-black">
+      <Button 
+      className="h-10 w-full rounded-xl bg-gradient-to-r from-teal-400 to-emerald-400 font-semibold text-black">
         Verify & Continue
       </Button>
     </div>