added footer

client/src/components/footer.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { Github } from 'react-bootstrap-icons';
+import Container from 'react-bootstrap/Container';
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
+
+export default function Footer() {
+    return (
+        <footer className='mt-auto py-3'>
+            <Container>
+
+                <hr/>
+            
+                <Row>
+
+                    <Col className='text-start'>
+                        <span>
+                            <span className='highlight'>criminal</span>mindsapi &#169; 2022
+                        </span>
+                    </Col>
+
+                    <Col className='text-end'>
+                        <a
+                            className='text-dark'
+                            href='https://github.com/StevanFreeborn/criminalmindsapi'
+                            target='_blank'
+                            rel="noreferrer"
+                        >
+                            <Github size={25} />
+                        </a>
+                    </Col>
+
+                </Row>
+
+            </Container>
+        </footer>
+    )
+}

client/src/components/navbar.js

@@ -11,13 +11,18 @@ export default function NavBar() {
             expand='sm'
             variant='light'
         >
-            <Container fluid>
+            <Container fluid className='mt-2'>
 
                 <Navbar.Brand
                     href='/'
-                    className='pt-0'
+                    className='p-0 my-auto'
                 >
-                    <span className='highlight'>criminal</span>mindsapi
+                    <img 
+                        src='/favicon.svg'
+                        alt='logo'
+                        width='60'
+                        height='100%'
+                    />
                 </Navbar.Brand>
 
                 <Navbar.Toggle aria-controls='basic-navbar-nav'/>