chore: use base path in images and hardcode it

Author: martines3000

apps/testing-frontend/next.config.js

@@ -5,29 +5,9 @@ const nextConfig = {
       process.env.NEXT_PUBLIC_BACKEND_API_URL ||
       'NEXT_PUBLIC_BACKEND_API_URL_PLACEHOLDER',
   },
-  basePath: process.env.NEXT_PUBLIC_BASE_PATH || '',
+  basePath: '/testing-interop-frontend',
   output: 'standalone',
-  headers: () => {
-    return [
-      {
-        source: '/api/issue-oidc',
-        headers: [
-          {
-            key: 'Access-Control-Allow-Origin',
-            value: '*',
-          },
-          {
-            key: 'Access-Control-Allow-Methods',
-            value: 'GET, POST, PUT, DELETE, OPTIONS',
-          },
-          {
-            key: 'Access-Control-Allow-Headers',
-            value: 'Content-Type, Authorization, x-api-key, schemaType',
-          },
-        ],
-      },
-    ];
-  },
+  headers: () => {},
   webpack: (config) => {
     config.externals.push('bufferutil');
     config.externals.push('utf-8-validate');

apps/testing-frontend/src/app/page.tsx

@@ -10,15 +10,15 @@ export default function Home() {
             <div className="flex h-min w-full items-center justify-between">
               <div>
                 <Image
-                  src={'/images/EDU-Coin.png'}
+                  src={'/testing-interop-frontend/images/EDU-Coin.png'}
                   alt="Logo"
                   width={64}
                   height={64}
                 />
               </div>
               <div>
                 <Image
-                  src={'/images/blockchain-lab.svg'}
+                  src={'/testing-interop-frontend/images/blockchain-lab.svg'}
                   alt="Logo"
                   width={64}
                   height={64}

apps/testing-frontend/src/components/Logo/index.jsx

@@ -3,7 +3,12 @@ import Image from 'next/image';
 
 export const Logo = () => (
   <div className="flex items-center gap-x-2">
-    <Image src="/images/EDU-Coin.png" alt="Logo" width={64} height={64} />
+    <Image
+      src="/testing-interop-frontend/images/EDU-Coin.png"
+      alt="Logo"
+      width={64}
+      height={64}
+    />
     <div>
       <span className="text-3xl font-bold text-gray-700">EduCTX</span>
       <span className="text-xl font-bold text-green-500">2.0</span>