Tech login and checklist fixes.

client/src/components/tech-login/tech-login.component.jsx

@@ -36,39 +36,42 @@ export function TechLogin({
   };
 
   return (
-    <div className='tech-login-container'>
+    <div className="tech-login-container">
       {technician ? <Redirect to={`/tech/joblookup`} /> : null}
       <Form
-        layout='vertical'
+        layout="vertical"
         onFinish={handleFinish}
-        autoComplete='new-password'>
+        autoComplete="new-password"
+      >
         <Form.Item
           label={t("tech.fields.employeeid")}
-          name='employeeid'
+          name="employeeid"
           rules={[
             {
               required: true,
               message: t("general.validation.required"),
             },
-          ]}>
-          <Input size='large' autoComplete='new-password' />
+          ]}
+        >
+          <Input size="large" autoComplete="new-password" />
         </Form.Item>
         <Form.Item
           label={t("tech.fields.pin")}
-          name='pin'
+          name="pin"
           rules={[
             {
               required: true,
               message: t("general.validation.required"),
             },
-          ]}>
-          <Input.Password size='large' autoComplete='new-password' />
+          ]}
+        >
+          <Input.Password size="large" autoComplete="new-password" />
         </Form.Item>
-        <Button htmlType='submit' loading={loginLoading} className='login-btn'>
+        <Button htmlType="submit" loading={loginLoading} className="login-btn">
           {t("general.actions.login")}
         </Button>
       </Form>
-      {loginError ? <AlertComponent type='error' message={loginError} /> : null}
+      {loginError ? <AlertComponent type="error" message={loginError} /> : null}
     </div>
   );
 }