Updated images in assets and removed some packages.

client/src/components/sign-in-form/sign-in-form.component.jsx

@@ -7,15 +7,15 @@ import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { Link, Redirect, useLocation } from "react-router-dom";
 import { createStructuredSelector } from "reselect";
-import ImEXOnlineLogo from "../../assets/logo240.png";
+import ImEXOnlineLogo from "../../assets/logo192.png";
 import { UPSERT_USER } from "../../graphql/user.queries";
 import {
   emailSignInStart,
-  sendPasswordReset
+  sendPasswordReset,
 } from "../../redux/user/user.actions";
 import {
   selectCurrentUser,
-  selectSignInError
+  selectSignInError,
 } from "../../redux/user/user.selectors";
 import AlertComponent from "../alert/alert.component";
 import "./sign-in-form.styles.scss";
@@ -66,37 +66,39 @@ export function SignInComponent({
     return <Redirect to={redirect || "/manage"} />;
 
   return (
-    <div className='login-container'>
-      <div className='login-logo-container'>
-        <img src={ImEXOnlineLogo} height='100' width='100' alt='ImEX Online' />
+    <div className="login-container">
+      <div className="login-logo-container">
+        <img src={ImEXOnlineLogo} height="100" width="100" alt="ImEX Online" />
         <Typography.Title>{t("titles.app")}</Typography.Title>
       </div>
-      <Form onFinish={handleFinish} form={form} size='large'>
+      <Form onFinish={handleFinish} form={form} size="large">
         <Form.Item
-          name='email'
+          name="email"
           rules={[
             { required: true, message: t("general.validation.required") },
-          ]}>
+          ]}
+        >
           <Input
             prefix={<UserOutlined />}
             placeholder={t("general.labels.username")}
           />
         </Form.Item>
         <Form.Item
-          name='password'
+          name="password"
           rules={[
             { required: true, message: t("general.validation.required") },
-          ]}>
+          ]}
+        >
           <Input
             prefix={<LockOutlined />}
-            type='password'
+            type="password"
             placeholder={t("general.labels.password")}
           />
         </Form.Item>
         {signInError ? (
-          <AlertComponent type='error' message={signInError.message} />
+          <AlertComponent type="error" message={signInError.message} />
         ) : null}
-        <Button className='login-btn' type='primary' htmlType='submit'>
+        <Button className="login-btn" type="primary" htmlType="submit">
           {t("general.actions.login")}
         </Button>
       </Form>