added wrenchboard icons

components/Authentication/Authentication.module.css

@@ -1,7 +1,10 @@
 .favicon {
   position: relative;
   top: 5px;
-  margin-left: 10px;
+  max-width: 250px;
+  max-height: 250px;
+  width: 100%;
+  height: 100%;
 }
 
 /* googleBtn */

components/Authentication/SignInForm.js

@@ -8,6 +8,7 @@ import Button from "@mui/material/Button";
 import FormControlLabel from "@mui/material/FormControlLabel";
 import Checkbox from "@mui/material/Checkbox";
 import styles from "@/components/Authentication/Authentication.module.css";
+import WrenchBoardLogo from "@/public/images/logos/wrenchboard-logo.png";
 
 const SignInForm = () => {
   const handleSubmit = (event) => {
@@ -33,47 +34,21 @@ const SignInForm = () => {
         >
           <Grid item xs={12} md={12} lg={12} xl={12}>
             <Box>
-              <Typography as="h1" fontSize="28px" fontWeight="700" mb="65px">
-                Sign In{" "}
+              <Box
+                display="flex"
+                alignItems="center"
+                justifyContent="center"
+                mb="60px"
+              >
                 <img
-                  src="/images/favicon.png"
-                  alt="favicon"
+                  src="/images/logos/wrenchboard-logo.png"
+                  alt="logo"
                   className={styles.favicon}
                 />
-              </Typography>
-
-              {/* <Typography fontSize="15px" mb="30px">
-                Already have an account?{" "}
-                <Link
-                  href="/authentication/sign-up"
-                  className="primaryColor text-decoration-none"
-                >
-                  Sign up
-                </Link>
-              </Typography>
-
-              <Box
-                sx={{
-                  display: "flex",
-                  justifyContent: "space-between",
-                  alignItems: "center",
-                  mb: "30px",
-                }}
-              >
-                <Link href="#" className={styles.googleBtn}>
-                  <img src="/images/google-icon.png" />
-                  Sign in with Google
-                </Link>
-
-                <Link href="#" className={styles.fbBtn}>
-                  <img src="/images/fb-icon.png" />
-                  Sign in with Facebook
-                </Link>
               </Box>
-
-              <div className={styles.or}>
-                <span>or</span>
-              </div> */}
+              <Typography as="h1" fontSize="28px" fontWeight="700" mb="5px">
+                Sign In{" "}
+              </Typography>
 
               <Box component="form" noValidate onSubmit={handleSubmit}>
                 <Box

components/_App/LeftSidebar/index.js

@@ -46,13 +46,13 @@ const Sidebar = ({ toogleActive }) => {
             >
               <Link href='/'>
                 <img 
-                  src="/images/logo.png" alt="Logo" 
+                  src="/images/logos/wrenchboard-logo.png" alt="Logo" 
                   className='black-logo' 
                 />
 
                 {/* For Dark Variation */}
                 <img 
-                  src="/images/logo-white.png" alt="Logo" 
+                  src="/images/logos/wrenchboard-logo.png" alt="Logo" 
                   className='white-logo' 
                 />
               </Link>