Initialize: footer component

src/App.tsx

@@ -1,5 +1,6 @@
 import BookList from './components/BookList'
 import Navbar from './components/Navbar'
+import Footer from './components/Footer'
 import './assets/styles/main.scss'
 
 const App: React.FC = () => {
@@ -9,6 +10,7 @@ const App: React.FC = () => {
       <div className="container main-content">
         <BookList />
       </div>
+      <Footer />
     </>
   )
 }

src/components/Footer/index.tsx

@@ -0,0 +1,20 @@
+import React from 'react'
+
+const Footer = () => {
+  return (
+    <footer>
+      <div className="navbar bg-info-subtle border-top">
+        <div className="container d-flex justify-content-between">
+          <div>
+            <p>&copy; 2023 Helm BookLibrary. All rights reserved.</p>
+          </div>
+          <div>
+            <p>Designed and developed by Clayton Siby</p>
+          </div>
+        </div>
+      </div>
+    </footer>
+  )
+}
+
+export default Footer