Use the first proper page for each section when navigating using the section buttons

compendium-frontend/src/components/SectionNavigation.tsx

 import React from 'react';
 import { useNavigate } from 'react-router-dom';
 import { Container, Row, ButtonToolbar, Button } from 'react-bootstrap';
-import { Sections } from '../helpers/constants';
+import { Sections } from "compendium/helpers/constants";
 
 interface inputProps {
     activeCategory: Sections
@@ -20,7 +20,7 @@ const SectionNavigation = ({ activeCategory }: inputProps) => {
                         <span>{Sections.Organisation}</span>
                     </Button>
                     <Button
-                        onClick={() => navigate(activeCategory === Sections.Policy ? '.' : '/policy')}
+                        onClick={() => navigate(activeCategory === Sections.Policy ? '.' : '/corporate-strategy')}
                         variant={'nav-box'}
                         active={activeCategory === Sections.Policy}>
                         <span>{Sections.Policy}</span>
@@ -32,7 +32,7 @@ const SectionNavigation = ({ activeCategory }: inputProps) => {
                         <span>{Sections.ConnectedUsers}</span>
                     </Button>
                     <Button
-                        onClick={() => navigate(activeCategory === Sections.Network ? '.' : '/traffic-volume')}
+                        onClick={() => navigate(activeCategory === Sections.Network ? '.' : '/dark-fibre-lease')}
                         variant={'nav-box'}
                         active={activeCategory === Sections.Network}>
                         <span>{Sections.Network}</span>