feat: Updated Router with proper sites.

src/App.js

@@ -5,24 +5,46 @@ import RouteTracker from "./core/log/RouteTracker";
 import { createStore } from "zustand/vanilla";
 import { persist, createJSONStorage } from "zustand/middleware";
 import { PARTICIPANT_NUMBER } from "./core/Constants";
-import { StudySite } from "./components/webpage_container/StudySite";
-import StartPage5 from "./pages/study_site_5/StartPage5";
-import StartPage6 from "./pages/study_site_6/StartPage6";
-import StartPage4 from "./pages/study_site_4/StartPage4";
-import StartPage3 from "./pages/study_site_3/StartPage3";
-import DeliveryRegions from "./pages/study_site_6/DeliveryRegions";
-import DownloadApp from "./pages/study_site_6/DownloadApp";
-import HotelMap from "./pages/study_site_2/tab_content/HotelMap";
-import RedirectPage from "./core/RedirectPage";
 
 const NoPageFound = React.lazy(() => import("./pages/NoPageFound"));
-const TestPage = React.lazy(() => import("./pages/TestPage"));
-const TestPage2 = React.lazy(() => import("./pages/TestPage2"));
+const InBetweenSite1 = React.lazy(() =>
+  import("./pages/study_site_1/InBetweenSite1")
+);
+const InBetweenSite2 = React.lazy(() =>
+  import("./pages/study_site_2/InBetweenSite2")
+);
+const InBetweenSite3 = React.lazy(() =>
+  import("./pages/study_site_3/InBetweenSite3")
+);
+const InBetweenSite4 = React.lazy(() =>
+  import("./pages/study_site_4/InBetweenSite4")
+);
+const InBetweenSite5 = React.lazy(() =>
+  import("./pages/study_site_5/InBetweenSite5")
+);
+const InBetweenSite6 = React.lazy(() =>
+  import("./pages/study_site_6/InBetweenSite6")
+);
+
 const TestInfoPage = React.lazy(() => import("./pages/TestInfoPage"));
-const TestInfoPage2 = React.lazy(() => import("./pages/TestInfoPage2"));
+
 const TestEndPage = React.lazy(() => import("./pages/TestEndPage"));
 const StartPage1 = React.lazy(() => import("./pages/study_site_1/StartPage1"));
 const StartPage2 = React.lazy(() => import("./pages/study_site_2/StartPage2"));
+const StartPage3 = React.lazy(() => import("./pages/study_site_3/StartPage3"));
+const StartPage4 = React.lazy(() => import("./pages/study_site_4/StartPage4"));
+const StartPage5 = React.lazy(() => import("./pages/study_site_5/StartPage5"));
+const StartPage6 = React.lazy(() => import("./pages/study_site_6/StartPage6"));
+const DeliveryRegions = React.lazy(() =>
+  import("./pages/study_site_6/DeliveryRegions")
+);
+const DownloadApp = React.lazy(() =>
+  import("./pages/study_site_6/DownloadApp")
+);
+const HotelMap = React.lazy(() =>
+  import("./pages/study_site_2/tab_content/HotelMap")
+);
+const RedirectPage = React.lazy(() => import("./core/RedirectPage"));
 const TourOperators = React.lazy(() =>
   import("./pages/study_site_2/TourOperators")
 );
@@ -134,7 +156,7 @@ function App() {
             path="/in-between-1"
             element={
               <React.Suspense fallback={<>...</>}>
-                <TestInfoPage2 redirectLoc="study-page-1" />
+                <InBetweenSite1 redirectLoc="study-page-1" />
               </React.Suspense>
             }
           />
@@ -150,7 +172,7 @@ function App() {
             path="/in-between-2"
             element={
               <React.Suspense fallback={<>...</>}>
-                <TestInfoPage2 redirectLoc="study-page-2" />
+                <InBetweenSite2 redirectLoc="study-page-2" />
               </React.Suspense>
             }
           />
@@ -166,7 +188,7 @@ function App() {
             path="/in-between-3"
             element={
               <React.Suspense fallback={<>...</>}>
-                <TestInfoPage2 redirectLoc="study-page-3" />
+                <InBetweenSite3 redirectLoc="study-page-3" />
               </React.Suspense>
             }
           />
@@ -182,7 +204,7 @@ function App() {
             path="/in-between-4"
             element={
               <React.Suspense fallback={<>...</>}>
-                <TestInfoPage2 redirectLoc="study-page-4" />
+                <InBetweenSite4 redirectLoc="study-page-4" />
               </React.Suspense>
             }
           />
@@ -198,7 +220,7 @@ function App() {
             path="/in-between-5"
             element={
               <React.Suspense fallback={<>...</>}>
-                <TestInfoPage2 redirectLoc="study-page-5" />
+                <InBetweenSite5 redirectLoc="study-page-5" />
               </React.Suspense>
             }
           />
@@ -214,7 +236,7 @@ function App() {
             path="/in-between-6"
             element={
               <React.Suspense fallback={<>...</>}>
-                <TestInfoPage2 redirectLoc="study-page-6" />
+                <InBetweenSite6 redirectLoc="study-page-6" />
               </React.Suspense>
             }
           />