useTabNavigation();

src/contents/Human Practices/Conclisuin.tsx

 import Collapsible from "../../components/Collapsible";
 import { H5, H4 } from "../../components/Headings";
 import { useNavigation } from "../../utils";
+import { useTabNavigation } from "../../utils/TabNavigation";
 
 export function HPconclusion(){
     const {goToPagesAndOpenTab} = useNavigation(); 
     const {goToPageAndScroll} = useNavigation();
+    useTabNavigation();
     return(
         <>
           <p>Our project has evolved through a deeply collaborative and human-centered approach, integrating diverse feedback from patients, clinicians, researchers, and industry experts. These insights shaped not only the technical aspects of our gene therapy for cystic fibrosis (CF) but also our commitment to addressing real-world patient needs, ethical considerations, and the disparities in CF treatment worldwide. From <a onClick={() => goToPagesAndOpenTab('maxfirst', '')}>Max Beckmann’s</a> patient perspective to expert guidance on technical and ethical issues, each stakeholder contributed to refining our solution, ensuring it is both innovative and empathetic. Our focus on gene therapy targeting CF’s complex mutations, integrating physiotherapy, and ensuring global accessibility demonstrates our holistic and inclusive vision for this project. Importantly, the collaboration with researchers in nanoparticle stability and gene therapy, along with the development of bilingual surveys and outreach materials, highlights our efforts to make science more accessible and transparent, bridging gaps in knowledge and care.     </p>

src/contents/Human Practices/Feedback.tsx

@@ -5,9 +5,11 @@ import { Collapsible } from "../../components/Collapsible";
 import PreCyse from '../../components/precyse';
 import { HPconTabs } from './Conclisuin';
 import { useNavigation } from '../../utils';
+import { useTabNavigation } from '../../utils/TabNavigation';
 
 export function HPFeedback(){
     const {goToPageWithTabAndScroll} = useNavigation(); 
+    useTabNavigation();
     return(
         <div>
             <p>Through our project, the insights and feedback from various stakeholders and experts played a crucial role in shaping and refining our approach. We actively integrated their input into the design, execution, and public engagement aspects of our work, ensuring a human-centered, scientifically sound solution. Below, we highlight key contributors and how their feedback impacted the project's development across multiple phases. </p>

src/contents/Human Practices/Further Engagement/Collaborations.tsx

@@ -2,10 +2,12 @@ import { ButtonOne } from "../../../components/Buttons";
 import { H5, H4 } from "../../../components/Headings";
 import { PDF } from "../../../components/Pdfs";
 import { useNavigation } from "../../../utils";  
+import { useTabNavigation } from "../../../utils/TabNavigation";
 
 
 export function HPCollabs(){
     const {goToPagesAndOpenTab} = useNavigation(); 
+    useTabNavigation();
     return (
         <div className="col">
             <div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>

src/contents/Human Practices/Further Engagement/Education.tsx

@@ -5,11 +5,13 @@ import { TabScrollLink } from "../../../components/Link";
 import PreCyse from "../../../components/precyse";
 import EduSources from "../../../sources/education-souces";
 import { useNavigation } from "../../../utils";
+import { useTabNavigation } from "../../../utils/TabNavigation";
 
 
 
 export function HPEducation(){
     const {goToPageAndScroll} = useNavigation();
+    useTabNavigation();
     return(
         <div className="col">
             <div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>

src/contents/Human Practices/Further Engagement/Entrepreneurship.tsx

 import {  ButtonOneWithScroll } from "../../../components/Buttons";
 import { H4, H5 } from "../../../components/Headings";
+import { useTabNavigation } from "../../../utils/TabNavigation";
 
 
 export function HPEntrepreneur(){
-
-    return(
+    useTabNavigation();
+    return( 
         <div className="col">
         <div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>
             <div className="col">

src/contents/Human Practices/Further Engagement/FurtherEngagement.tsx

 import { Section, Subesction } from "../../../components/sections";
+import { useTabNavigation } from "../../../utils/TabNavigation";
 import { HPCollabs } from "./Collaborations";
 import { HPEducation } from "./Education";
 import { HPEntrepreneur } from "./Entrepreneurship";
@@ -6,7 +7,7 @@ import { HPOutreach } from "./Outreach";
 import { HPPartnerships } from "./Partnerships";
 
 export function HPFurtherEngagement(){
-
+    useTabNavigation();
     return(
         <Section title="Further Engagement" id="Further Engagement">
             <Subesction title="Education" id="Further Engagement1">

src/contents/Human Practices/Further Engagement/Outreach.tsx

 import { ButtonOne } from "../../../components/Buttons";
 import {  H4 } from "../../../components/Headings";
+import { useTabNavigation } from "../../../utils/TabNavigation";
 import { useNavigation } from "../../../utils/useNavigation";
 
 export function HPOutreach(){
     const { goToPagesAndOpenTab } = useNavigation();
+    useTabNavigation();
     return(
         <div className="col">
         <div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>

src/contents/Human Practices/Further Engagement/Partnerships.tsx

 import { H4 } from "../../../components/Headings";
+import { useTabNavigation } from "../../../utils/TabNavigation";
 
 export function HPPartnerships(){
-
+    useTabNavigation();
     return(
         <div className="col">
             <H4 text="CF Vests"></H4>

src/contents/Human Practices/Further Engagement/SupMaterial.tsx

 import { DownloadLink } from "../../../components/Buttons";
 import { Section } from "../../../components/sections";
+import { useTabNavigation } from "../../../utils/TabNavigation";
 
 export function HPSupplement(){
-
+    useTabNavigation();
     return(
         <Section title="Supplementary Material" id="Supplementary Material">
             <div className="row">

src/contents/Human Practices/HP-abstract.tsx

 import { Section } from "../../components/sections"
+import { useTabNavigation } from "../../utils/TabNavigation";
 
 export function HPAbstract(){
-    
+    useTabNavigation();
     return(
         <Section title="Abstract" id="Abstract">
             <p>As the iGEM Bielefeld-CeBiTec team, our project aimed to develop a gene therapy for cystic fibrosis (CF) with a human-centered approach. 

src/contents/Human Practices/IHP.tsx

@@ -4,6 +4,7 @@ import { HPTimeline } from "../../components/HP-timeline";
 import PreCyse from "../../components/precyse";
 import { Section, Subesction } from "../../components/sections";
 import { useNavigation } from "../../utils";
+import { useTabNavigation } from "../../utils/TabNavigation";
 import { HPconclusion } from "./Conclisuin";
 import { HPFeedback } from "./Feedback";    
 import  { HP3new } from "./HP svgs/hp3";
@@ -14,7 +15,7 @@ import { HPUnderstanding } from "./HP svgs/understanding";
 
 export function HPIntegrated(){
     const { goToPageWithTabAndScroll} = useNavigation();
-
+    useTabNavigation();
     return(
         <Section title="Integrated Human Practices" id="Integrated Human Practices">
             <Subesction title="Framework" id="Integrated Human Practices1">

src/contents/Human Practices/Introduction.tsx

@@ -4,10 +4,12 @@ import PreCyse from "../../components/precyse";
 import {  BlockQuoteB } from "../../components/Quotes";
 import { Section } from "../../components/sections";
 import { useNavigation } from "../../utils";
+import { useTabNavigation } from "../../utils/TabNavigation";
 
 
 export function HPIntroduction(){
     const {goToPageAndScroll} = useNavigation(); 
+    useTabNavigation();
     return(
         <Section title="Introduction" id="Introduction">
             <H5 text="- Connecting our project to real life -"/>

src/contents/Human Practices/Overwiev.tsx

 import { BlockQuoteB } from "../../components/Quotes";
+import { useTabNavigation } from "../../utils/TabNavigation";
 
 export function HPOverview(){
-
+    useTabNavigation();
     return(
         <div className="col">
             <section id="OverviewH">

src/contents/safety.tsx

 
 import { H4, H5 } from "../components/Headings";
-import { LoremMedium } from "../components/Loremipsum";
 import PreCyse from "../components/precyse";
 import { SupScrollLink } from "../components/ScrollLink"; 
 import { Section, Subesction } from "../components/sections";
 import Collapsible from "../components/Collapsible";
 import { useNavigation } from "../utils";
+import { TwoLinePDF } from "../components/Pdfs";
+import { useTabNavigation } from "../utils/TabNavigation";
 
 // message for test commit.
 
 
 export const Safety: React.FC = () =>{
   const {goToPageAndScroll, goToPageWithTabAndScroll, goToPagesAndOpenTab} = useNavigation();
-  
+  useTabNavigation();
   
   return (
     <>
@@ -215,7 +216,19 @@ export const Safety: React.FC = () =>{
           </div>
         </Subesction>
         <Subesction title="Consent and Guidelines" id="Bioethics3">
-          <LoremMedium/>
+          <div className='row align-items-center'>
+                <div className='col  '>
+                    <H4 text="Patient consent form"/>
+                <TwoLinePDF link="https://static.igem.wiki/teams/5247/pdfs/patienteneinwilligung-mustervorlage-igem-2.pdf" name="patienteneinwilligung-mustervorlage-igem-2.pdf"/>
+                </div>
+                <div className='seperator-2 col-2'>
+                </div>
+                <div className='col  '>
+                <H4 text="Primary Culture Safety Guideline"/>
+                <TwoLinePDF link="https://static.igem.wiki/teams/5247/pdfs/primary-culture-guideline.pdf" name="primary-culture-guideline.pdf"/>
+            
+            </div>
+            </div>
         </Subesction>
       </Section>
       <Section title="Check-Ins" id="Check-Ins">