Add OpenCampus Logo (TeamOpencampus#77)

* Add Logo to Only Sign Up and Sign In pages
* Add `OpenCampus` Logo
* Finishing touches

Co-authored-by: Asim Bera <asimbera@outlook.in>

Author: thatsuman

public/images/logo.png

@@ -1,4 +1,4 @@
-import { Box, Container, Flex } from '@chakra-ui/react';
+import { Box, Container, Flex, Image } from '@chakra-ui/react';
 import React from 'react';
 
 export const AuthFormWrapper: React.FC<{ children: React.ReactNode }> = (
@@ -16,8 +16,7 @@ export const AuthFormWrapper: React.FC<{ children: React.ReactNode }> = (
         align='center'
         justify='center'
       >
-        {/* <Heading color='blue.900'>[OpenCampus]</Heading> */}
-        <Box w='60' bg='gray.200' h='10' />
+        <Image h='20' maxW='sm' objectFit='contain' src='/images/logo.png' />
         <Box
           mt='8'
           padding='8'

src/components/AuthFormWrapper.tsx

@@ -14,6 +14,7 @@ import {
   DrawerOverlay,
   HStack,
   IconButton,
+  Image,
   Input,
   InputGroup,
   InputLeftElement,
@@ -74,7 +75,7 @@ function TopBar({
             ref={btnRef!}
           />
           {/* Logo */}
-          <Box h='8' w='24' bg='gray.100' />
+          <Image src='/images/logo.png' h='8' w='auto' objectFit='contain' />
         </HStack>
         <IconButton aria-label='Search' icon={<Icon name='search' />} />
       </HStack>
@@ -129,7 +130,7 @@ function SideBar({
         p='4'
       >
         <VStack align='stretch' spacing='4' h='full'>
-          <Box h='10' w='full' bg='gray.300' />
+          <Image src='/images/logo.png' h='16' w='auto' objectFit='contain' />
           <InputGroup variant='outline' colorScheme='blue'>
             <InputLeftElement
               pointerEvents='none'