default icon changed and footer added successfully (#291)

![Screenshot 2023-10-07
154915](https://github.com/Git21221/JS-beginner-projects/assets/69258452/a50a8cd8-3cea-4676-bb87-4a5b8f7f76d1)
### default icon changed
![Screenshot 2023-10-07
154818](https://github.com/Git21221/JS-beginner-projects/assets/69258452/25247a40-4507-4f6c-9ecd-524a1c6591a3)

Author: Git21221

creditcardgenarator/public/credit-card-6379.png

@@ -1,27 +1,14 @@
 // import logo from './logo.svg';
 import './App.css';
+import { Footer } from './components/Footer';
 import Form from './components/Form';
 
 function App() {
   return (
-    // <div className="App">
-    //   <header className="App-header">
-    //     <img src={logo} className="App-logo" alt="logo" />
-    //     <p>
-    //       Edit <code>src/App.js</code> and save to reload.
-    //     </p>
-    //     <a
-    //       className="App-link"
-    //       href="https://reactjs.org"
-    //       target="_blank"
-    //       rel="noopener noreferrer"
-    //     >
-    //       Learn React
-    //     </a>
-    //   </header>
-    // </div>
+    <>
     <Form></Form>
-    
+    <Footer></Footer>
+    </>
   );
 }
 

creditcardgenarator/public/favicon.ico

@@ -0,0 +1,9 @@
+import React from 'react'
+
+export const Footer = () => {
+  return (
+    <div style={{textAlign:'center'}}>
+        <h3 style={{color:'orange'}}>made with love by vaibhav wable</h3>
+    </div>
+  )
+}