Make the experiment icon in the navigation bar lead to PROJECT_URL from environmental variables

Author: MytsV

src/app/(rucio)/rucio-app-layout.tsx

@@ -39,8 +39,8 @@ export const RucioAppLayout = (props: QueryContextLayoutProps) => {
                     siteHeaderViewModel.availableAccounts?.map((user: User) => {
                         return user.rucioAccount;
                     }) ?? [],
-                rucioProjectLink: 'rucio.cern.ch',
-                experimentProjectLink: 'atlas.cern',
+                rucioProjectLink: 'https://rucio.cern.ch',
+                experimentProjectLink: process.env.PROJECT_URL,
             }}
         >
             {props.children}

src/component-library/pages/legacy/Layout/Layout.tsx

@@ -15,7 +15,7 @@ export interface LayoutViewModel {
     accountActive: string;
     accountsPossible: string[];
     rucioProjectLink: string;
-    experimentProjectLink: string;
+    experimentProjectLink?: string;
 }
 
 export const Layout = (props: { children: React.ReactNode; LVM: LayoutViewModel }) => {
@@ -155,10 +155,10 @@ export const Layout = (props: { children: React.ReactNode; LVM: LayoutViewModel
                     </span>
 
                     <span className="flex flex-row space-x-1">
-                        <a className="w-12 h-12" href={'//' + props.LVM.rucioProjectLink}>
+                        <a className="w-12 h-12" href={props.LVM.rucioProjectLink}>
                             <Image src="/logocropped.svg" alt="Rucio Logo" width={43} height={43} />
                         </a>
-                        <a className="w-12 h-12" href={'//' + props.LVM.experimentProjectLink}>
+                        <a className="w-12 h-12" href={props.LVM.experimentProjectLink}>
                             <Image src="/experiment-logo.png" alt="Experiment Logo" width={53} height={53} />
                         </a>
                     </span>