fixed sidebar navigation

src/contents/engineering.tsx

@@ -162,7 +162,7 @@ export function Engineering() {
             <div id="tab-pe-systems" className="enginneeringtab" style={{display: "none"}}>
             <section id="PE Systems sec" >
                   <div className="eng-box box" >
-                     <H3 id="Prime Editing Systems" text="PE Systems"></H3>
+                     <H3 id="PE Systems" text="Prime Editing Systems"></H3>
                      <p>Different versions of the original prime editing system have been developed since its initial introduction. Deciding on what system to use for the application in therapeutic human gene editing, especially concerning the correction of F508del, was the goal of this engineering cycle.</p>
                      <p>
                         Since we aim to develop a therapy delivered to the human body, we wanted to obtain high editing efficiency while risking as little off-targets as possible and also reducing the size for improved packability.

src/sidebars/engS.tsx

@@ -77,13 +77,13 @@ export function EngSide(){
                                 <summary>PE Systems</summary>
                                 <span id="pe-systems" className="sidesubtab" style={{display: "none"}}>
                                      <ul>
-                                        <li><a onClick={() => goToPageWithTabAndScroll({path: "", tabId: "Delivery", scrollToId: "del1"})}>
+                                        <li><a onClick={() => goToPageWithTabAndScroll({path: "", tabId: "PE Systems", scrollToId: "pe1"})}>
                                                 <span id="subtitle4" className='sideitem'>Iteration 1</span>
                                         </a></li>
-                                        <li><a onClick={() => goToPageWithTabAndScroll({path: "", tabId: "Delivery", scrollToId: "del2"})}>
+                                        <li><a onClick={() => goToPageWithTabAndScroll({path: "", tabId: "PE Systems", scrollToId: "pe2"})}>
                                                 <span id="subtitle5" className='sideitem'>Iteration 2</span>
                                         </a></li>
-                                        <li><a onClick={() => goToPageWithTabAndScroll({path: "", tabId: "Delivery", scrollToId: "del3"})}>
+                                        <li><a onClick={() => goToPageWithTabAndScroll({path: "", tabId: "PE Systems", scrollToId: "pe3"})}>
                                                 <span id="subtitle6" className='sideitem'>Iteration 3</span>
                                         </a></li>
                                     </ul>