Attempt fix for references not pointing to pages + attempt fix not loading html in iframe

Author: Bouwmeester, Kevin

app/constants.ts

@@ -70,10 +70,10 @@ export const BUBBLETEAVIZ_STATUS = 'Active';
 
 
 export const MENU_ITEMS = [
-  { name: 'Industrial Collaborations', route: './industrial-collabs' },
-  { name: 'SEiGS 2025', route: './seigs25' },
-  { name: 'Projects & Tools', route: './projects' },
-  { name: 'Knowledge Hub', route: './knowledge-hub' },
-  { name: 'News', route: './news' },
-  { name: 'Contact us', route: './contacts' }
+  { name: 'Industrial Collaborations', route: '@app/industrial-collabs' },
+  { name: 'SEiGS 2025', route: '@app/seigs25' },
+  { name: 'Projects & Tools', route: '@app/projects' },
+  { name: 'Knowledge Hub', route: '@app/knowledge-hub' },
+  { name: 'News', route: '@app/news' },
+  { name: 'Contact us', route: '@app/contacts' }
 ];

app/knowledge-hub/ECS/page.tsx

@@ -10,11 +10,9 @@ import { KevinContact } from '@/app/person-constants';
 import { MENU_ITEMS as menuItems } from '../../constants';
 
 import ECSImage from '../../../public/knowledge-hub/ECS/ECS.jpg';
+import ECSHTML from '../../../public/knowledge-hub/ECS/paper.html';
 
 
-// Prefix for where the assets live under /public
-const SRC = '/knowledge-hub/ECS/paper.html';
-
 export default function Home() {
   const iframeRef = useRef<HTMLIFrameElement | null>(null);
   // Auto-resize iframe height after it loads (same-origin, so allowed)
@@ -59,19 +57,21 @@ export default function Home() {
             alt="Full-width image"
             style={{ width: 'auto', height: 'auto' }}
           />
-          <a href="https://doi.org/10.1016/j.simpat.2020.102243"> Vico: An entity-component-system based co-simulation framework</a>
+          <a href="https://doi.org/10.1016/j.simpat.2020.102243"> 
+          Vico: An entity-component-system based co-simulation framework
+          </a>
 
-        <iframe
-          ref={iframeRef}
-          src={SRC}
-          title="Paper"
-          style={{
-            width: '100%',
-            height: '80vh', // initial height; will auto-resize
-            border: 'none',
-            background: 'transparent',
-          }}
-        />
+          <iframe
+            ref={iframeRef}
+            src={ECSHTML.src}
+            title="Paper"
+            style={{
+              width: '100%',
+              height: '80vh', // initial height; will auto-resize
+              border: 'none',
+              background: 'transparent',
+            }}
+          />
 
           {/* Contact Section */}
           <div className="border-t mt-4 pt-4">