Added Ai violations

Author: Pooja0504

public/static/FlowchartBstackdemo.png

@@ -57,7 +57,7 @@ class App extends Component {
         <Header />
         <main style={{ padding: "20px 2%", margin: "0 auto" }}>
           <a href="#" >
-            <img className="m-auto h-56 " alt="banner main" style={{minWidth: '750px', minHeight: '280px'}} src={require(`../../../public/static/banner3.png`)} />
+            <img className="m-auto h-56 " alt="banner main" style={{minWidth: '750px', minHeight: '280px'}} src={require(`../../../public/static/banner.jpg`)} />
           </a>
           <Shelf />
         </main>

public/static/banner.jpg

@@ -5,7 +5,7 @@ const Footer = () => {
   return (
     <footer>
       <hr style={{ padding: "0", margin: "0" }} />
-
+      <img className="m-auto h-56 " alt="flowchart main" style={{ minWidth: '860px', minHeight: '320px' }} src={require(`../../../public/static/FlowchartBstackdemo.png`)} />
       <div className="mx-auto max-w-8xl px-6">
         <div className="py-12 flex flex-col md:flex-row justify-between items-center space-y-4">
           <div className=" relative" style={{ width: "40%" }}>

public/static/search.png

@@ -167,10 +167,11 @@ const Header = () => {
               />
               <button 
                 onClick={() => window.location.reload()}
-                className="px-4 py-1 bg-gray-100 border border-l-0 border-gray-300 rounded-r hover:bg-gray-200 search-button"
+                className="px-4 py-1 bg-gray-100 border border-l-0 border-gray-300"
                 role='button'
               >
-                Search
+                <img className="m-auto h-56 " alt="flowchart main" style={{ width: '18px', height: '21px' }} src={require(`../../../public/static/search.png`)} />
+                <span className="sr-only">Search</span>
               </button>
             </div>
             {userName ? (<span className="username">{userName}</span>) : ''}