Ablative config

src/App.jsx

@@ -5,6 +5,7 @@ import EnginePage from './pages/EnginePage.jsx'
 import RocketPage from './pages/RocketPage.jsx'
 import KnowledgebaseFuelsPage from './pages/KnowledgebaseFuelsPage.jsx'
 import KnowledgebaseEquationsPage from './pages/KnowledgebaseEquationsPage.jsx'
+import KnowledgebaseAblativesPage from './pages/KnowledgebaseAblativesPage.jsx'
 
 export default function App() {
   return (
@@ -90,6 +91,18 @@ export default function App() {
               >
                 Fuels / Oxidisers
               </NavLink>
+              <NavLink
+                to="/knowledgebase/ablatives"
+                className={({ isActive }) =>
+                  `block px-4 py-2 text-sm transition-colors ${
+                    isActive
+                      ? 'bg-slate-700 text-white'
+                      : 'text-slate-300 hover:bg-slate-700 hover:text-white'
+                  }`
+                }
+              >
+                Ablative Materials
+              </NavLink>
               <NavLink
                 to="/knowledgebase/equations"
                 className={({ isActive }) =>
@@ -113,6 +126,7 @@ export default function App() {
         <Route path="/design/rocket" element={<RocketPage />} />
         <Route path="/knowledgebase/fuels" element={<KnowledgebaseFuelsPage />} />
         <Route path="/knowledgebase/equations" element={<KnowledgebaseEquationsPage />} />
+        <Route path="/knowledgebase/ablatives" element={<KnowledgebaseAblativesPage />} />
       </Routes>
     </div>
   )