Built header component

client/kb-frontend/src/App.jsx

@@ -1,5 +1,6 @@
 import { useState, useEffect } from 'react'
 import './App.css'
+import Header from './components/Header'
 
 function App() {
   const [currentView, setCurrentView] = useState('list');
@@ -37,7 +38,7 @@ function App() {
 
   return (
     <div className="app">
-      {/*<Hedaer />*/}
+      <Header />
 
       {currentView === 'list' ? (
         <>

client/kb-frontend/src/components/Header.css

@@ -0,0 +1,11 @@
+.header {
+  background-color: #2c3e50;
+  color: white;
+  padding: 1rem 2rem;
+  text-align: center;
+}
+
+.header h1 {
+  margin: 0;
+  font-size: 2rem;
+}

client/kb-frontend/src/components/Header.jsx

@@ -0,0 +1,11 @@
+import './Header.css'
+
+function Header() {
+    return (
+        <header className='header'>
+            <h1>Cram-A-Lot Knowledge Base</h1>
+        </header>
+    );
+}
+
+export default Header;