Operations dashboard screens are added

components/auth/loginForm.tsx

@@ -8,7 +8,8 @@ import { signIn } from "next-auth/react";
 
 
 export default function LoginForm({ onSuccess,onForgotPassword }: Props) {
-  const [showPassword, setShowPassword] = useState(false);
+
+  const [showPassword, setShowPassword] = useState(false);// For Visibility of Password 
   return (
     
 <div className="w-full max-w-md space-y-3">
@@ -32,6 +33,7 @@ export default function LoginForm({ onSuccess,onForgotPassword }: Props) {
         />
 
       <div className="relative">
+       // Password Input
   <FormInput
     label="PASSWORD"
     value=""
@@ -69,7 +71,7 @@ export default function LoginForm({ onSuccess,onForgotPassword }: Props) {
         </Button>
       </div>
 
-      {/* Actions / Submit Stack */}
+      {/* Action on Button */}
       <div className="space-y-4">
         <Button
           onClick={onSuccess}
@@ -78,7 +80,7 @@ export default function LoginForm({ onSuccess,onForgotPassword }: Props) {
           Sign in
         </Button>
 
-        {/* Custom Visual Divider */}
+        {/* Divider */}
         <div className="flex items-center gap-4 py-2">
           <div className="h-px flex-1 bg-slate-800" />
           <span className="text-xs uppercase tracking-wider text-slate-600 font-medium">or</span>
@@ -95,7 +97,7 @@ export default function LoginForm({ onSuccess,onForgotPassword }: Props) {
         </Button>
       </div>
 
-      {/* Bottom Legal Info */}
+      {/* Bottom  Info */}
       <p className="text-center text-xs tracking-wide text-slate-500 font-mono">
         Protected by 2-factor auth • every sign-in is
         <br/> audit-logged