feat:added favicon and logo

src/components/App.css

@@ -2,4 +2,8 @@
     color:#ffffff;
     padding-left:40px;
     background-color: #6272a4;
-}
+}
+
+.logo{height:25px;
+width:25px;
+margin-right:10px;}

src/components/ConfigCover.css

@@ -25,7 +25,6 @@ input{margin:4px;}
     padding-left:20px;
 }
 
-
 @media screen and (max-width:600px){
    .main-container{
        display:flex;

src/components/CoverImage.css

@@ -30,10 +30,12 @@
     text-align: center;
     color:#676683;
 
-padding:50px 25px 50px 25px;}
+padding:50px 25px 50px 25px;
+border:4px solid #676683;
+}
 h1{height:auto;}
 
-button{background-color: #282a36;
+button{background-color: #676683;
 color:#ffffff;
 border:none;
 border-radius:4px;

src/components/Navbar.js

@@ -1,11 +1,12 @@
 import React from 'react';
 import './App.css';
-
+import logo from '../assets/favicon.png';
 const Navbar = () => {
 
     return (
     <nav className="navbar bg-dark">
-        <h4>CoverView</h4></nav>);
+        
+        <h4><img src={logo} alt="logo" className="logo"></img>CoverView</h4></nav>);