created config file for demosite url

client/config.js

@@ -0,0 +1,7 @@
+
+const config = {
+    demoSiteUrl:"https://annotate-docs.dwaste.live/" 
+  };
+
+  export default config;
+

client/src/DemoSite/index.jsx

@@ -3,6 +3,7 @@ import React, { useEffect, useState } from "react"
 import SetupPage from "../SetupPage";
 import { useSettings } from "../SettingsProvider";
 import {setIn} from "seamless-immutable"
+import config from '../../config.js';
 
 const extractRelevantProps = (region) => ({
   cls: region.cls,
@@ -160,7 +161,7 @@ export default () => {
         const updatedIndex = (selectedImageIndex - 1 + imageNames.length) % imageNames.length
         changeSelectedImageIndex(isNaN(updatedIndex ) ? 0 : updatedIndex)
       }}
-      openDocs={() => window.open("https://annotate-docs.dwaste.live/", '_blank')}
+      openDocs={() => window.open(config.demoSiteUrl, '_blank')}
       hideSettings={true}
       disabledNextAndPrev={settings.images.length <= 1}
       selectedImageIndex={selectedImageIndex}

client/src/SetupPage/index.jsx

@@ -19,6 +19,7 @@ import { useSettings } from "../SettingsProvider";
 import { useTranslation } from "react-i18next"
 import { Info } from '@mui/icons-material';
 import NoteSection from "../NoteSection";
+import config from '../../config.js'; //importing demo site config from client/config.js
 
 const Container = styled("div")({
   marginTop: "2rem",
@@ -110,7 +111,7 @@ export const SetupPage = ({setConfiguration, settings, setShowLabel}) => {
                   <NoteSection 
                   icon={Info} 
                   text={t("more_info")} 
-                  link="https://annotate-docs.dwaste.live" 
+                  link={config.demoSiteUrl} 
                 />
                   <Box display="flex" paddingTop="5rem" justifyContent="end">
                         <Button variant="contained" disabled={settings.taskDescription.trim().length <= 0} onClick={() => setTab("configure")} disableElevation>