Update header to link to /data and GEANT icon links to https://geant.org

webapp/src/components/DataPage.tsx

 import React, { ReactElement } from "react";
-import { Container, Row, Col } from "react-bootstrap";
+import { Container, Row } from "react-bootstrap";
+import { Link } from "react-router-dom";
+
 import OrganizationSidebar from "./OrganizationSidebar";
 import PageHeader from "../components/global/PageHeader"
 import SectionLink from "../components/global/SectionLink";
@@ -19,7 +21,11 @@ function DataPage({ title, filter, children, category }: inputProps): ReactEleme
         <>
             {category === Sections.Organisation && <OrganizationSidebar />}
             {category === Sections.Policy && <PolicySidebar />}
-            <PageHeader type={'data'} header={'Compendium Data'}>
+            <PageHeader type={'data'} header={<h1 className={'bold-caps-30pt'}>
+                <Link to="/data" style={{ textDecoration: 'none', color: 'white' }}>
+                    <span>Compendium Data</span>
+                </Link>
+            </h1>}>
                 <SectionLink section={"Reports"} />
             </PageHeader>
             <SectionNavigation activeCategory={category} />

webapp/src/components/global/ExternalPageNavBar.tsx

@@ -15,7 +15,7 @@ function ExternalPageNavBar(): ReactElement {
             <Container>
                 <Row>
                     <nav>
-                        <a href="/"><img src={GeantLogo} /></a>
+                        <a href="https://geant.org/"><img src={GeantLogo} /></a>
 
                         <ul>
                             <li><a href="https://network.geant.org/">NETWORK</a></li>

webapp/src/components/global/PageHeader.tsx

@@ -3,7 +3,7 @@ import { Container, Row, Col } from "react-bootstrap";
 
 interface inputProps {
     type: string,
-    header: string,
+    header: ReactElement,
     children: ReactElement
 }
 
@@ -20,10 +20,10 @@ function CompendiumHeader({ type, header, children }: inputProps): ReactElement
             <Container>
                 <Row>
                     <Col sm={8}>
-                        <h1 className={'bold-caps-30pt '}>{header}</h1>
+                        {header}
                     </Col>
                     <Col sm={4}>
-                    {children}
+                        {children}
                     </Col>
                 </Row>
             </Container>

webapp/src/pages/CompendiumData.tsx

@@ -10,7 +10,11 @@ import { Sections } from "../helpers/constants";
 function CompendiumData(): ReactElement {
     return (
         <main className="content" style={{ backgroundColor: "white" }}>
-            <PageHeader type={'data'} header={'Compendium Data'}>
+            <PageHeader type={'data'} header={<h1 className={'bold-caps-30pt'}>
+                <Link to="/data" style={{ textDecoration: 'none', color: 'white' }}>
+                    <span>Compendium Data</span>
+                </Link>
+            </h1>}>
                 <SectionLink section={"Reports"} />
             </PageHeader>
             <Banner type={'data'}>