styling

frontend/src/App.tsx

@@ -2,21 +2,24 @@ import "./App.css";
 import Cookbook from "./pages/Cookbook.tsx";
 import RecipePage from "./pages/RecipePage.tsx";
 import AddRecipe from "./pages/AddRecipe.tsx";
-import NavBar from "./components/NavBar.tsx";
+import Search from "./pages/Search.tsx"
+
+import RecipeBookTabs from "./components/RecipeBookTabs.tsx";
 import { Routes, Route } from "react-router-dom";
 
 function App() {
   return (
-    <>
-      <NavBar />
-      <main className="main-content">
+    <div className="min-h-screen flex flex-col">
+      <RecipeBookTabs />
+      <main className="flex-1 overflow-auto">
         <Routes>
           <Route path="/" element={<Cookbook />} />
           <Route path="/recipe/:id" element={<RecipePage />} />
           <Route path="/add-recipe" element={<AddRecipe />} />
+          <Route path="/search" element={<Search />} />
         </Routes>
       </main>
-    </>
+    </div>
   );
 }
 export default App;