fix(website): Make the sandwich menu display the site name not 'Loculus' (#4074)

Update the sandwich menu to display the site name dynamically

* Import `getWebsiteConfig` from `../config` in `SandwichMenu.tsx`.
* Replace the hardcoded "Loculus" with the dynamically fetched site name
from `getWebsiteConfig().name` in the `SandwichMenu` component.

---

For more details, open the [Copilot Workspace
session](https://copilot-workspace.githubnext.com/loculus-project/loculus/pull/4074?shareId=11cb7a4a-78e9-47de-a5fe-b6380f3099c4).

🚀 Preview: https://theosanderson-fix-sandwic.loculus.org

---------

Co-authored-by: Loculus bot <bot@loculus.org>

Author: theosanderson

website/src/components/Navigation/Navigation.astro

@@ -1,6 +1,7 @@
 ---
 import { SandwichMenu } from './SandwichMenu.tsx';
 import { cleanOrganism } from './cleanOrganism';
+import { getWebsiteConfig } from '../../config';
 import { navigationItems } from '../../routes/navigationItems';
 import { getAuthUrl } from '../../utils/getAuthUrl';
 
@@ -13,6 +14,7 @@ const { implicitOrganism, gitHubMainUrl } = Astro.props;
 const { organism, knownOrganisms } = cleanOrganism(Astro.params.organism);
 const selectedOrganism =
     implicitOrganism !== undefined ? knownOrganisms.find((it) => it.key === implicitOrganism) : organism;
+const siteName = getWebsiteConfig().name;
 
 const isLoggedIn = Astro.locals.session?.isLoggedIn ?? false;
 
@@ -34,6 +36,11 @@ const topNavigationItems = navigationItems.top(selectedOrganism?.key, isLoggedIn
             top: '-2rem',
         }}
     >
-        <SandwichMenu topNavigationItems={topNavigationItems} gitHubMainUrl={gitHubMainUrl} client:load />
+        <SandwichMenu
+            topNavigationItems={topNavigationItems}
+            gitHubMainUrl={gitHubMainUrl}
+            siteName={siteName}
+            client:load
+        />
     </div>
 </div>

website/src/components/Navigation/SandwichMenu.tsx

@@ -8,9 +8,10 @@ import { SandwichIcon } from '../SandwichIcon';
 type SandwichMenuProps = {
     topNavigationItems: TopNavigationItems;
     gitHubMainUrl: string | undefined;
+    siteName: string;
 };
 
-export const SandwichMenu: FC<SandwichMenuProps> = ({ topNavigationItems, gitHubMainUrl }) => {
+export const SandwichMenu: FC<SandwichMenuProps> = ({ topNavigationItems, gitHubMainUrl, siteName }) => {
     const { isOpen, toggle: toggleMenu, close: closeMenu } = useOffCanvas();
 
     return (
@@ -37,7 +38,7 @@ export const SandwichMenu: FC<SandwichMenuProps> = ({ topNavigationItems, gitHub
                 <div className='font-bold p-5 flex flex-col justify-between min-h-screen max-h-screen overflow-y-auto'>
                     <div>
                         <div className='h-10'>
-                            <a href='/'>Loculus</a>
+                            <a href='/'>{siteName}</a>
                         </div>
                         <div className='flex-grow divide-y-2 divide-gray-300 divide-solid border-t-2 border-b-2 border-gray-300 border-solid '>
                             {topNavigationItems.map(({ text, path }) => (