First Draft of the Search Screen and also logo

frontend/src/App.tsx

@@ -1,10 +1,20 @@
 import './App.css'
+import MainSearch from './components/MainSearch';
 
 function App() {
 
   return (
     <>
-      <h1>PeerNotes</h1>
+      <div className="App" style={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', height: '100vh' }}>
+      <img 
+        src="/PeerNotes.png" 
+        alt="PeerNotes Logo" 
+        style={{ 
+          height: "100px"
+        }} 
+      />
+     <MainSearch />
+    </div>
     </>
   )
 }