diff --git a/.env b/.env
index bdf7fe1..384242f 100644
--- a/.env
+++ b/.env
@@ -3,4 +3,7 @@ APP_DESCRIPTION=GFTS point cloud
 
 #MAPBOX_TOKEN=
 
-#DATA_API=''
\ No newline at end of file
+#DATA_API=''
+REACT_APP_KEYCLOAK_URL
+REACT_APP_KEYCLOAK_REALM
+REACT_APP_KEYCLOAK_CLIENT_ID
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index 7d54927..6fd80fb 100644
--- a/.gitignore
+++ b/.gitignore
@@ -39,6 +39,7 @@ lib-cov
 *.pid
 npm-debug.log
 yarn-error.log
+.yarn
 .parcel-cache
 .env.*
 
diff --git a/.nvmrc b/.nvmrc
index 2edeafb..cabf43b 100644
--- a/.nvmrc
+++ b/.nvmrc
@@ -1 +1 @@
-20
\ No newline at end of file
+24
\ No newline at end of file
diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
deleted file mode 100644
index 59f58e7..0000000
Binary files a/.yarn/install-state.gz and /dev/null differ
diff --git a/README.md b/README.md
index 31b11ba..e43f20a 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,7 @@ The steps below will walk you through setting up your own instance of the projec
 ### Install Project Dependencies
 To set up the development environment for this website, you'll need to install the following on your system:
 
-- [Node](http://nodejs.org/) v20 (To manage multiple node versions we recommend [nvm](https://github.com/creationix/nvm))
+- [Node](http://nodejs.org/) v24 (To manage multiple node versions we recommend [nvm](https://github.com/creationix/nvm))
 - [Yarn](https://yarnpkg.com/) Package manager
 
 ### Install Application Dependencies
diff --git a/app/components/auth/context.tsx b/app/components/auth/context.tsx
new file mode 100644
index 0000000..bb05565
--- /dev/null
+++ b/app/components/auth/context.tsx
@@ -0,0 +1,124 @@
+import React, {
+  createContext,
+  useContext,
+  useEffect,
+  useRef,
+  useState
+} from 'react';
+import Keycloak from 'keycloak-js';
+
+const url = process.env.REACT_APP_KEYCLOAK_URL;
+const realm = process.env.REACT_APP_KEYCLOAK_REALM;
+const clientId = process.env.REACT_APP_KEYCLOAK_CLIENT_ID;
+
+const isAuthEnabled = !!(url && realm && clientId);
+
+const keycloak: Keycloak | undefined = isAuthEnabled
+  ? new (Keycloak as any)({
+      url,
+      realm,
+      clientId
+    })
+  : undefined;
+
+interface UserProfile {
+  groups: string[];
+  username: string;
+}
+
+export type KeycloakContextProps = {
+  initStatus: 'loading' | 'success' | 'error';
+  isLoading: boolean;
+  profile?: UserProfile;
+} & (
+  | {
+      keycloak: Keycloak;
+      isEnabled: true;
+    }
+  | {
+      keycloak: undefined;
+      isEnabled: false;
+    }
+);
+
+const KeycloakContext = createContext<KeycloakContextProps>({
+  initStatus: 'loading',
+  isEnabled: isAuthEnabled
+} as KeycloakContextProps);
+
+export const KeycloakProvider = (props: { children: React.ReactNode }) => {
+  const [initStatus, setInitStatus] =
+    useState<KeycloakContextProps['initStatus']>('loading');
+  const [profile, setProfile] = useState<UserProfile | undefined>();
+
+  const wasInit = useRef(false);
+
+  useEffect(() => {
+    async function initialize() {
+      if (!keycloak) return;
+      // Keycloak can only be initialized once. This is a workaround to avoid
+      // multiple initialization attempts, specially by React double rendering.
+      if (wasInit.current) return;
+      wasInit.current = true;
+
+      try {
+        await keycloak.init({
+          // onLoad: 'login-required',
+          onLoad: 'check-sso',
+          checkLoginIframe: false
+        });
+        if (keycloak.authenticated) {
+          // const profile =
+          //   await (keycloak.loadUserProfile() as unknown as Promise<Keycloak.KeycloakProfile>);
+          setProfile({
+            groups: keycloak.idTokenParsed?.access_group || [],
+            username: keycloak.idTokenParsed?.preferred_username || ''
+          });
+        }
+
+        setInitStatus('success');
+      } catch (err) {
+        setInitStatus('error');
+        // eslint-disable-next-line no-console
+        console.error('Failed to initialize keycloak adapter:', err);
+      }
+    }
+    initialize();
+  }, []);
+
+  const base = {
+    initStatus,
+    isLoading: isAuthEnabled && initStatus === 'loading',
+    profile
+  };
+
+  return (
+    <KeycloakContext.Provider
+      value={
+        isAuthEnabled
+          ? {
+              ...base,
+              keycloak: keycloak!,
+              isEnabled: true
+            }
+          : {
+              ...base,
+              keycloak: undefined,
+              isEnabled: false
+            }
+      }
+    >
+      {props.children}
+    </KeycloakContext.Provider>
+  );
+};
+
+export const useKeycloak = () => {
+  const ctx = useContext(KeycloakContext);
+
+  if (!ctx) {
+    throw new Error('useKeycloak must be used within a KeycloakProvider');
+  }
+
+  return ctx;
+};
diff --git a/app/components/auth/userInfo.tsx b/app/components/auth/userInfo.tsx
new file mode 100644
index 0000000..5ec6aab
--- /dev/null
+++ b/app/components/auth/userInfo.tsx
@@ -0,0 +1,64 @@
+import React from 'react';
+import { Avatar, IconButton, Tooltip } from '@chakra-ui/react';
+import { CollecticonLogin } from '@devseed-ui/collecticons-chakra';
+
+import { useKeycloak } from './context';
+import SmartLink from '$components/common/smart-link';
+
+export function UserInfo() {
+  const { profile, isLoading, isEnabled, keycloak } = useKeycloak();
+
+  if (!isEnabled) {
+    return null;
+  }
+
+  const isAuthenticated = keycloak.authenticated;
+
+  if (!isAuthenticated || !profile || isLoading) {
+    return (
+      <Tooltip hasArrow label='Login' placement='right' bg='base.500'>
+        <IconButton
+          aria-label='Login'
+          size='sm'
+          variant='ghost'
+          colorScheme='base'
+          _active={{ bg: 'base.100a' }}
+          icon={<CollecticonLogin />}
+          onClick={() => {
+            if (!isLoading) {
+              keycloak.login({
+                redirectUri: window.location.href
+              });
+            }
+          }}
+        />
+      </Tooltip>
+    );
+  }
+
+  const username = profile.username;
+
+  return (
+    <Tooltip hasArrow label='Logout' placement='right' bg='base.500'>
+      <SmartLink
+        to='/'
+        display='block'
+        onClick={(e) => {
+          e.preventDefault();
+          keycloak.clearToken();
+          keycloak.logout({
+            redirectUri: window.location.href
+          });
+        }}
+      >
+        <Avatar
+          size='sm'
+          name={username}
+          bg='secondary.500'
+          color='white'
+          borderRadius='4px'
+        />
+      </SmartLink>
+    </Tooltip>
+  );
+}
diff --git a/app/components/common/md-content.tsx b/app/components/common/md-content.tsx
index 874d6df..7023860 100644
--- a/app/components/common/md-content.tsx
+++ b/app/components/common/md-content.tsx
@@ -12,6 +12,7 @@ import {
 } from '@chakra-ui/react';
 import React, { Suspense, useEffect, useState } from 'react';
 import { useQuery } from '@tanstack/react-query';
+import { NotFound } from './error/not-found';
 import { getMdFn } from '$utils/api';
 
 const Markdown = React.lazy(() => import('react-markdown'));
@@ -53,9 +54,17 @@ export function MdContent(props: MdContentProps) {
   const { data, error, isLoading } = useQuery({
     enabled: !!url,
     queryKey: ['markdown', url || 'n/a'],
-    queryFn: getMdFn(url || '')
+    queryFn: getMdFn(url || ''),
+    retry(failureCount, error) {
+      // Retry only if the error is a NotFound error
+      return error instanceof NotFound ? false : failureCount < 3;
+    }
   });
 
+  if (error instanceof NotFound) {
+    return 'This was not a well-known individual. Nothing to learn about this fish.';
+  }
+
   if (isLoading || !remarkGfmPlugin) {
     return <Loading />;
   }
diff --git a/app/components/common/page-footer.tsx b/app/components/common/page-footer.tsx
new file mode 100644
index 0000000..05ff29d
--- /dev/null
+++ b/app/components/common/page-footer.tsx
@@ -0,0 +1,112 @@
+import React from 'react';
+import {
+  IconButton,
+  Flex,
+  useDisclosure,
+  Divider,
+  Image
+} from '@chakra-ui/react';
+import { AnimatePresence, motion } from 'framer-motion';
+import {
+  CollecticonCircleInformation,
+  CollecticonXmarkSmall
+} from '@devseed-ui/collecticons-chakra';
+
+import destineLogo from '../../media/layout/destine.svg';
+import ecmwfLogo from '../../media/layout/ecmwf.svg';
+import esaLogo from '../../media/layout/esa.svg';
+import euFlag from '../../media/layout/eu.svg';
+import eumetsatLogo from '../../media/layout/eumetsat.svg';
+
+import SmartLink from './smart-link';
+const FooterSection = (props) => (
+  <Flex as='p' gap={2} alignItems='center' {...props} />
+);
+
+export function PageFooter() {
+  const { getButtonProps, getDisclosureProps, isOpen } = useDisclosure();
+
+  return (
+    <Flex
+      as='footer'
+      position='absolute'
+      zIndex={100}
+      p={1}
+      bottom={8}
+      right={4}
+      bg='surface.400a'
+      borderRadius='md'
+      backdropFilter='blur(1rem)'
+    >
+      <AnimatePresence initial={false}>
+        {isOpen ? (
+          <motion.div
+            initial={{ opacity: 0, width: 0 }}
+            animate={{ opacity: 1, width: 'auto' }}
+            exit={{ opacity: 0, width: 0 }}
+            key='box'
+          >
+            <Flex
+              {...getDisclosureProps()}
+              alignItems='center'
+              px={2}
+              gap={4}
+              overflow='hidden'
+              height='100%'
+              justifyContent='end'
+              css={{
+                textWrap: 'nowrap',
+                a: {
+                  transition: 'opacity 160ms ease-in-out',
+                  ':hover': {
+                    opacity: 0.6
+                  }
+                }
+              }}
+              color='base.400'
+              fontSize='xs'
+            >
+              <FooterSection>
+                Part of
+                <SmartLink to='https://destination-earth.eu/'>
+                  <Image src={destineLogo} alt='Destination earth' />
+                </SmartLink>
+              </FooterSection>
+              <FooterSection>
+                Funded by The European Union
+                <Image src={euFlag} alt='EU Flag' />
+              </FooterSection>
+              <FooterSection>
+                Implemented by
+                <SmartLink to='https://www.ecmwf.int/'>
+                  <Image src={ecmwfLogo} alt='ECMWF' />
+                </SmartLink>
+                <SmartLink to='https://www.esa.int/'>
+                  <Image src={esaLogo} alt='ESA' />
+                </SmartLink>
+                <SmartLink to='https://www.eumetsat.int/'>
+                  <Image src={eumetsatLogo} alt='EUMETSAT' />
+                </SmartLink>
+              </FooterSection>
+              <Divider
+                orientation='vertical'
+                height={4}
+                borderWidth='2px'
+                borderColor='base.200a'
+                borderRadius='md'
+              />
+            </Flex>
+          </motion.div>
+        ) : null}
+      </AnimatePresence>
+      <IconButton
+        size='sm'
+        variant='ghost'
+        aria-label='Information'
+        {...getButtonProps()}
+      >
+        {isOpen ? <CollecticonXmarkSmall /> : <CollecticonCircleInformation />}
+      </IconButton>
+    </Flex>
+  );
+}
diff --git a/app/components/common/page-layout.tsx b/app/components/common/page-layout.tsx
index 2a63f12..7722081 100644
--- a/app/components/common/page-layout.tsx
+++ b/app/components/common/page-layout.tsx
@@ -8,6 +8,8 @@ import {
   List,
   ListItem,
   Show,
+  Skeleton,
+  SkeletonText,
   Text
 } from '@chakra-ui/react';
 import {
@@ -18,7 +20,9 @@ import {
 import { Link, LinkProps, Route, Switch, useRoute } from 'wouter';
 import SmartLink from './smart-link';
 import Logo from './logo';
+import { PageFooter } from './page-footer';
 import { AppContextProvider } from '$components/common/app-context';
+import { UserInfo } from '$components/auth/userInfo';
 
 const Home = React.lazy(() => import('../home/'));
 const Search = React.lazy(() => import('../search/'));
@@ -83,6 +87,9 @@ export default function PageLayout() {
                   </ListItem>
                 </List>
               </Box>
+              <Box mt='auto'>
+                <UserInfo />
+              </Box>
             </Flex>
             <Flex
               as='main'
@@ -108,6 +115,7 @@ export default function PageLayout() {
             </Suspense>
           </Box>
         </Flex>
+        <PageFooter />
       </Show>
       <Show below='lg'>
         <Flex
@@ -138,7 +146,13 @@ export default function PageLayout() {
 }
 
 function Loading() {
-  return <Box>Loading...</Box>;
+  return (
+    <Flex direction='column' gap={4} width='100%'>
+      <Skeleton height={6} width='40%' />
+      <Skeleton height={10} width='80%' />
+      <SkeletonText noOfLines={4} spacing='4' width='100%' mt={4} />
+    </Flex>
+  );
 }
 
 function MapLoading() {
diff --git a/app/components/home/index.tsx b/app/components/home/index.tsx
index aa717fd..ebecd56 100644
--- a/app/components/home/index.tsx
+++ b/app/components/home/index.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import {
   Badge,
   Box,
+  Flex,
   Heading,
   Image,
   List,
@@ -26,7 +27,7 @@ export default function Component() {
   });
 
   return (
-    <Box w='100%'>
+    <Flex direction='column' width='100%'>
       <PanelHeader
         suptitle='Explore'
         heading={
@@ -47,7 +48,13 @@ export default function Component() {
         borderBottom='1px'
         borderBottomColor='base.100a'
       />
-      <List display='flex' flexDirection='column' gap={4} pt={4}>
+      <List
+        display='flex'
+        flexDirection='column'
+        gap={4}
+        pt={4}
+        overflowY='scroll'
+      >
         {isSuccess
           ? data?.map((species) => (
               <ListItem key={species.id}>
@@ -84,6 +91,6 @@ export default function Component() {
               </ListItem>
             ))}
       </List>
-    </Box>
+    </Flex>
   );
 }
diff --git a/app/components/individual/index.tsx b/app/components/individual/index.tsx
index d2dcb7d..01c0f74 100644
--- a/app/components/individual/index.tsx
+++ b/app/components/individual/index.tsx
@@ -135,27 +135,21 @@ export default function Component(props: SpeciesComponentProps) {
           )
         }
       />
-
-      {/* <Tabs
+      <Tabs
         size='sm'
         colorScheme='base'
         mx={-4}
+        isLazy
         display='flex'
         flexDirection='column'
         minHeight={0}
-      > */}
-      <Tabs size='sm' colorScheme='base' mx={-4} isLazy>
+      >
         <TabList>
           <Tab fontWeight='bold'>Visualize</Tab>
           <Tab fontWeight='bold'>Learn</Tab>
         </TabList>
 
-        <TabPanels
-          display='flex'
-          flexDirection='column'
-          minHeight={0}
-          overflowY='scroll'
-        >
+        <TabPanels overflowY='scroll'>
           <TabPanel>
             {isArrowFetching && (
               <Flex direction='column' gap={2}>
diff --git a/app/components/search/index.tsx b/app/components/search/index.tsx
index c1b8760..5502095 100644
--- a/app/components/search/index.tsx
+++ b/app/components/search/index.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { useLocation } from 'wouter';
-import { Badge, Box, Heading } from '@chakra-ui/react';
+import { Badge, Box, Flex, Heading } from '@chakra-ui/react';
 import { useQuery } from '@tanstack/react-query';
 import { Select } from 'chakra-react-select';
 
@@ -74,7 +74,7 @@ export default function Component() {
   }
 
   return (
-    <Box w='100%'>
+    <Flex direction='column' width='100%'>
       <PanelHeader
         suptitle='Explore'
         heading='Individuals'
@@ -95,6 +95,6 @@ export default function Component() {
           />
         )}
       </Box>
-    </Box>
+    </Flex>
   );
 }
diff --git a/app/main.tsx b/app/main.tsx
index 4e76729..ac58b4e 100644
--- a/app/main.tsx
+++ b/app/main.tsx
@@ -7,6 +7,7 @@ import { Router } from 'wouter';
 import theme from '$styles/theme';
 
 import PageLayout from '$components/common/page-layout';
+import { KeycloakProvider } from '$components/auth/context';
 
 const publicUrl = process.env.PUBLIC_URL || '';
 
@@ -33,21 +34,23 @@ function Root() {
   }, []);
 
   return (
-    <ChakraProvider theme={theme} resetCSS>
-      <QueryClientProvider client={queryClient}>
-        <Router
-          base={
-            new URL(
-              publicUrl.startsWith('http')
-                ? publicUrl
-                : `https://ds.io/${publicUrl.replace(/^\//, '')}`
-            ).pathname
-          }
-        >
-          <PageLayout />
-        </Router>
-      </QueryClientProvider>
-    </ChakraProvider>
+    <KeycloakProvider>
+      <ChakraProvider theme={theme} resetCSS>
+        <QueryClientProvider client={queryClient}>
+          <Router
+            base={
+              new URL(
+                publicUrl.startsWith('http')
+                  ? publicUrl
+                  : `https://ds.io/${publicUrl.replace(/^\//, '')}`
+              ).pathname
+            }
+          >
+            <PageLayout />
+          </Router>
+        </QueryClientProvider>
+      </ChakraProvider>
+    </KeycloakProvider>
   );
 }
 
diff --git a/app/media/layout/destine.svg b/app/media/layout/destine.svg
new file mode 100644
index 0000000..73b1030
--- /dev/null
+++ b/app/media/layout/destine.svg
@@ -0,0 +1,18 @@
+<svg width="132" height="13" viewBox="0 0 132 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.05972 12.7411C0.753151 12.7411 0.674316 12.5922 0.674316 12.3732V1.96737C0.674316 1.74839 0.761909 1.59949 1.0422 1.59949H4.70351C8.59256 1.59949 9.63489 4.18343 9.63489 7.13525C9.63489 10.0871 8.64511 12.7411 4.70351 12.7411H1.05972ZM4.51957 3.83306H3.32833V10.5163H4.4057C5.91227 10.5163 6.87577 9.64036 6.87577 7.25788C6.87577 4.8754 6.14001 3.83306 4.52833 3.83306" fill="#023047"/>
+<path d="M13.743 9.20241C13.8131 10.49 14.435 10.7615 15.5561 10.7615C16.0729 10.7615 16.8437 10.6739 17.5357 10.5951C17.9737 10.5426 18.0262 10.5426 18.105 10.963L18.2364 11.7513C18.3065 12.1367 18.3065 12.3031 17.7985 12.5046C17.124 12.7411 15.8977 12.89 15.1007 12.89C11.7284 12.89 11.124 10.8754 11.124 8.65934C11.124 7.04766 11.4306 4.2973 14.9518 4.2973C18.1576 4.2973 18.7445 6.32942 18.762 8.12504C18.762 8.81701 18.5605 9.20241 17.8423 9.20241H13.743ZM13.778 7.68708H16.108C16.108 6.88124 15.8189 6.25934 14.9518 6.25934C14.1634 6.25934 13.8306 6.75861 13.778 7.68708Z" fill="#023047"/>
+<path d="M23.0626 12.89C22.2567 12.89 21.1005 12.7411 20.4261 12.5221C19.8743 12.3207 19.7516 12.1542 19.8567 11.7163L20.0407 10.9104C20.1107 10.5951 20.2071 10.5601 20.575 10.6301C21.3458 10.7615 22.4056 10.8491 22.975 10.8491C23.8334 10.8491 24.1487 10.6652 24.1487 10.2272C24.1487 9.73671 23.9122 9.62284 23.2115 9.53525C21.3983 9.28124 19.9093 8.94839 19.9093 6.98635C19.9093 5.20825 21.3545 4.2973 23.3341 4.2973C24.0874 4.2973 25.2348 4.41117 25.9356 4.66519C26.391 4.81409 26.61 4.93672 26.5049 5.3484L26.321 6.20679C26.2334 6.52212 26.1896 6.55715 25.8129 6.51336C25.0597 6.41701 23.9472 6.3119 23.4305 6.3119C22.5721 6.29438 22.4757 6.53088 22.4757 6.88124C22.4757 7.30168 22.9137 7.37175 23.518 7.4681C25.2436 7.68708 26.7764 8.01993 26.7764 10.1221C26.7764 12.2243 24.9808 12.89 23.0713 12.89" fill="#023047"/>
+<path d="M33.9588 11.9878C34.0289 12.2418 33.8713 12.4608 33.6523 12.5221C32.8464 12.7937 31.7428 12.8725 31.1997 12.8725C29.0888 12.8725 28.7209 11.5762 28.7209 10.201V6.46083H27.9851C27.7136 6.46083 27.6348 6.34696 27.6348 6.09295V4.83164C27.6348 4.57762 27.7224 4.46375 27.9851 4.46375H28.7384V2.81704C28.7384 2.54551 28.8873 2.44916 29.1063 2.37908L30.8056 1.92361C31.0421 1.83602 31.226 1.94113 31.226 2.21266V4.46375H32.934C33.2406 4.46375 33.2844 4.58638 33.2844 4.81412V6.09295C33.2844 6.34696 33.2318 6.46083 32.934 6.46083H31.2085L31.226 9.57908C31.226 10.2185 31.2786 10.4637 32.2508 10.4813C32.5224 10.4813 32.9866 10.4462 33.407 10.4112C33.626 10.4112 33.7574 10.3762 33.8099 10.7616L33.9588 11.9703V11.9878Z" fill="#023047"/>
+<path d="M36.2537 3.52647C35.08 3.52647 34.9136 2.86954 34.9136 2.26516C34.9136 1.57319 35.1851 1.02136 36.2537 1.02136C37.3223 1.02136 37.5763 1.53815 37.5763 2.26516C37.5763 2.90457 37.3749 3.52647 36.2537 3.52647ZM37.4975 12.3732C37.4975 12.5396 37.445 12.7411 37.1647 12.7411H35.3165C35.0362 12.7411 34.9486 12.5922 34.9486 12.3732V4.82282C34.9486 4.58632 35.0362 4.45494 35.3165 4.45494H37.1647C37.4537 4.45494 37.4975 4.67391 37.4975 4.82282V12.3732Z" fill="#023047"/>
+<path d="M46.6157 12.7411H44.7676C44.496 12.7411 44.3997 12.6097 44.3997 12.3907C44.3997 10.9104 44.4172 9.45642 44.4172 7.99365C44.4172 7.07394 44.1106 6.70606 43.3924 6.70606C42.8581 6.70606 42.1486 7.05642 41.7457 7.19657V12.3995C41.7457 12.5659 41.6931 12.7498 41.3953 12.7498H39.5647C39.2756 12.7498 39.1968 12.6185 39.1968 12.3995V4.84912C39.1968 4.63015 39.2844 4.48124 39.5647 4.48124H41.3953C41.7019 4.48124 41.7457 4.6827 41.7457 4.84912V5.25204C41.7457 5.25204 41.7807 5.26956 41.7982 5.26956C42.534 4.71774 43.6289 4.33234 44.4347 4.33234C46.8172 4.33234 46.9661 6.0754 46.9661 7.64328V12.4082C46.9661 12.5747 46.9136 12.7586 46.6157 12.7586" fill="#023047"/>
+<path d="M53.6145 11.7338C52.7386 12.5571 51.451 12.8725 50.6101 12.8725C48.6481 12.8725 48.2627 11.6812 48.2627 10.4024C48.2276 8.33526 49.5065 7.61701 51.486 7.61701H53.413V7.34548C53.413 6.63599 53.1765 6.3557 51.9327 6.3557C51.4422 6.3557 50.3911 6.44329 49.7342 6.5046C49.2612 6.55716 49.1824 6.55716 49.0948 6.21555L48.9108 5.33964C48.8583 5.05059 48.9284 4.88416 49.4451 4.6827C50.1984 4.39365 51.5561 4.27979 52.3357 4.27979C55.4889 4.27979 55.9269 5.45351 55.9269 7.45058V10.1046C55.9269 10.8053 56.0232 10.8404 56.5488 10.9104C56.8378 10.928 56.8992 10.998 56.8992 11.1995V12.2769C56.8992 12.5309 56.7327 12.6447 56.4086 12.7148C56.0758 12.8024 55.7167 12.8287 55.3663 12.8287C54.543 12.8287 53.8597 12.6272 53.6408 11.7338L53.6057 11.7163L53.6145 11.7338ZM53.3605 9.2462H51.8451C51.2232 9.2462 50.8378 9.4827 50.8378 10.271C50.8378 10.7878 51.0218 10.963 51.5911 10.963C52.1079 10.963 52.8787 10.6564 53.3517 10.3761V9.25496L53.3605 9.2462Z" fill="#023047"/>
+<path d="M63.7838 11.9878C63.8539 12.2418 63.6962 12.4608 63.4772 12.5221C62.6714 12.7937 61.5677 12.8725 61.0247 12.8725C58.9137 12.8725 58.5458 11.5762 58.5458 10.201V6.46083H57.8101C57.5386 6.46083 57.4597 6.34696 57.4597 6.09295V4.83164C57.4597 4.57762 57.5473 4.46375 57.8101 4.46375H58.5634V2.81704C58.5634 2.54551 58.7123 2.44916 58.9312 2.37908L60.6218 1.92361C60.8583 1.83602 61.0422 1.94113 61.0422 2.21266V4.46375H62.7502C63.0568 4.46375 63.1006 4.58638 63.1006 4.81412V6.09295C63.1006 6.34696 63.048 6.46083 62.7502 6.46083H61.0247L61.0422 9.57908C61.0422 10.2185 61.0948 10.4637 62.067 10.4813C62.3385 10.4813 62.8028 10.4462 63.2232 10.4112C63.4422 10.4112 63.5736 10.3762 63.6261 10.7616L63.775 11.9703L63.7838 11.9878Z" fill="#023047"/>
+<path d="M66.0875 3.52647C64.9137 3.52647 64.7473 2.86954 64.7473 2.26516C64.7473 1.57319 65.0188 1.02136 66.0875 1.02136C67.1561 1.02136 67.4101 1.53815 67.4101 2.26516C67.4101 2.90457 67.2086 3.52647 66.0875 3.52647ZM67.3313 12.3732C67.3313 12.5396 67.2787 12.7411 66.9984 12.7411H65.1502C64.8699 12.7411 64.7824 12.5922 64.7824 12.3732V4.82282C64.7824 4.58632 64.8699 4.45494 65.1502 4.45494H66.9984C67.2875 4.45494 67.3313 4.67391 67.3313 4.82282V12.3732Z" fill="#023047"/>
+<path d="M72.7793 12.8725C69.1706 12.8725 68.9341 10.3061 68.9341 8.4754C68.9341 6.95131 69.337 4.2973 72.7793 4.2973C76.2217 4.2973 76.756 6.53088 76.756 8.4754C76.756 10.3061 76.4669 12.8725 72.7793 12.8725ZM72.8144 6.47832C71.7896 6.47832 71.518 7.21409 71.518 8.58051C71.518 10.0433 71.772 10.6915 72.7793 10.6915C73.9005 10.6915 74.137 9.99949 74.137 8.58051C74.137 7.16153 73.9355 6.47832 72.8144 6.47832Z" fill="#023047"/>
+<path d="M85.4888 12.7411H83.6406C83.3691 12.7411 83.2727 12.6097 83.2727 12.3907C83.2727 10.9104 83.2902 9.45642 83.2902 7.99365C83.2902 7.07394 82.9837 6.70606 82.2654 6.70606C81.7311 6.70606 81.0216 7.05642 80.6187 7.19657V12.3995C80.6187 12.5659 80.5662 12.7498 80.2684 12.7498H78.4377C78.1487 12.7498 78.0698 12.6185 78.0698 12.3995V4.84912C78.0698 4.63015 78.1574 4.48124 78.4377 4.48124H80.2684C80.5749 4.48124 80.6187 4.6827 80.6187 4.84912V5.25204C80.6187 5.25204 80.6538 5.26956 80.6713 5.26956C81.407 4.71774 82.5019 4.33234 83.3078 4.33234C85.6903 4.33234 85.8392 6.0754 85.8392 7.64328V12.4082C85.8392 12.5747 85.7866 12.7586 85.4888 12.7586" fill="#023047"/>
+<path d="M92.3823 1.96737C92.3823 1.74839 92.4699 1.58197 92.7502 1.58197H99.4159C99.6349 1.58197 99.7663 1.73087 99.7663 1.94985V3.47394C99.7663 3.6754 99.6787 3.8243 99.3984 3.8243H95.0539V5.85642H98.8465C99.083 5.85642 99.2319 5.9878 99.2319 6.20678V7.73087C99.2319 7.93233 99.1531 8.08123 98.8465 8.08123H95.0539V10.4987H99.486C99.7225 10.4987 99.8538 10.6477 99.8538 10.8666V12.3907C99.8538 12.5922 99.7663 12.7236 99.486 12.7236H92.759C92.4699 12.7236 92.3911 12.5747 92.3911 12.3732V1.96737H92.3823Z" fill="#023047"/>
+<path d="M106.449 11.7338C105.573 12.5571 104.286 12.8725 103.445 12.8725C101.483 12.8725 101.097 11.6812 101.097 10.4024C101.062 8.33526 102.341 7.61701 104.321 7.61701H106.248V7.34548C106.248 6.63599 106.011 6.3557 104.767 6.3557C104.277 6.3557 103.226 6.44329 102.569 6.5046C102.096 6.55716 102.017 6.55716 101.929 6.21555L101.746 5.33964C101.693 5.05059 101.763 4.88416 102.28 4.6827C103.033 4.39365 104.391 4.27979 105.17 4.27979C108.324 4.27979 108.762 5.45351 108.762 7.45058V10.1046C108.762 10.8053 108.858 10.8404 109.384 10.9104C109.673 10.928 109.734 10.998 109.734 11.1995V12.2769C109.734 12.5309 109.567 12.6447 109.243 12.7148C108.911 12.8024 108.551 12.8287 108.201 12.8287C107.378 12.8287 106.694 12.6272 106.475 11.7338L106.44 11.7163L106.449 11.7338ZM106.195 9.2462H104.68C104.058 9.2462 103.673 9.4827 103.673 10.271C103.673 10.7878 103.857 10.963 104.426 10.963C104.943 10.963 105.713 10.6564 106.186 10.3761V9.25496L106.195 9.2462Z" fill="#023047"/>
+<path d="M113.518 5.61994L113.553 5.65497C114.157 5.03308 115.279 4.48125 115.988 4.36738C116.339 4.31483 116.487 4.33235 116.54 4.75278L116.741 6.3995C116.776 6.69731 116.776 6.80242 116.268 6.89877C115.279 7.08271 114.324 7.33672 113.518 7.61701V12.3645C113.518 12.5309 113.466 12.7323 113.168 12.7323H111.32C111.03 12.7323 110.952 12.5834 110.952 12.3645V4.8141C110.952 4.59512 111.039 4.44621 111.32 4.44621H113.15C113.466 4.44621 113.518 4.66519 113.518 4.8141V5.61994Z" fill="#023047"/>
+<path d="M123.355 11.9878C123.425 12.2418 123.267 12.4608 123.048 12.5221C122.242 12.7937 121.139 12.8725 120.595 12.8725C118.485 12.8725 118.117 11.5762 118.117 10.201V6.46083H117.381C117.109 6.46083 117.031 6.34696 117.031 6.09295V4.83164C117.031 4.57762 117.118 4.46375 117.381 4.46375H118.134V2.81704C118.134 2.54551 118.283 2.44916 118.502 2.37908L120.193 1.92361C120.429 1.83602 120.613 1.94113 120.613 2.21266V4.46375H122.321C122.628 4.46375 122.671 4.58638 122.671 4.81412V6.09295C122.671 6.34696 122.619 6.46083 122.321 6.46083H120.595L120.613 9.57908C120.613 10.2185 120.666 10.4637 121.638 10.4813C121.909 10.4813 122.374 10.4462 122.794 10.4112C123.013 10.4112 123.144 10.3762 123.197 10.7616L123.346 11.9703L123.355 11.9878Z" fill="#023047"/>
+<path d="M131.895 12.3732C131.895 12.5396 131.842 12.7411 131.544 12.7411H129.696C129.425 12.7411 129.328 12.5922 129.328 12.3732C129.328 11.655 129.346 8.58052 129.346 7.86227C129.346 6.96008 129.03 6.60096 128.321 6.60096C127.813 6.60096 127.06 6.91629 126.674 7.09147V12.382C126.674 12.5484 126.622 12.7499 126.324 12.7499H124.476C124.204 12.7499 124.125 12.601 124.125 12.382V1.2579C124.125 1.03892 124.213 0.890015 124.476 0.890015H126.341C126.639 0.890015 126.692 1.09147 126.692 1.2579V5.05059C127.384 4.66519 128.356 4.29731 129.188 4.29731C131.702 4.29731 131.895 6.04037 131.895 7.5995V12.3645V12.3732Z" fill="#023047"/>
+</svg>
diff --git a/app/media/layout/ecmwf.svg b/app/media/layout/ecmwf.svg
new file mode 100644
index 0000000..a69c040
--- /dev/null
+++ b/app/media/layout/ecmwf.svg
@@ -0,0 +1,4 @@
+<svg width="71" height="13" viewBox="0 0 71 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M32.8433 1.63562C32.0656 1.63562 31.3662 1.7731 30.7453 2.04808C30.1241 2.32322 29.6002 2.70235 29.1735 3.18595C28.7469 3.66957 28.4196 4.23631 28.1921 4.88575C27.9645 5.53535 27.8508 6.23953 27.8508 6.998C27.8508 7.73777 27.9645 8.42743 28.1921 9.06752C28.4196 9.70749 28.7469 10.2647 29.1735 10.7388C29.6002 11.2131 30.1241 11.5851 30.7453 11.8554C31.3662 12.1255 32.0656 12.2609 32.8433 12.2609C33.4691 12.2609 34.0428 12.166 34.5646 11.9764C35.0858 11.7868 35.5407 11.5118 35.9297 11.1513C36.3185 10.7911 36.6315 10.3546 36.8688 9.84269C37.1055 9.33056 37.2526 8.75701 37.3095 8.12163H35.1475C35.0622 8.80441 34.8275 9.35452 34.4436 9.77168C34.0594 10.1891 33.526 10.3976 32.8433 10.3976C32.3405 10.3976 31.914 10.3003 31.5632 10.1059C31.2122 9.91166 30.9278 9.6532 30.7098 9.33073C30.4915 9.00852 30.3327 8.64582 30.2331 8.24261C30.1335 7.83961 30.0839 7.42475 30.0839 6.998C30.0839 6.55256 30.1335 6.12104 30.2331 5.70365C30.3327 5.28649 30.4915 4.91417 30.7098 4.58704C30.9278 4.25991 31.2122 3.99917 31.5632 3.80464C31.914 3.61046 32.3405 3.51315 32.8433 3.51315C33.1183 3.51315 33.3813 3.55819 33.6327 3.64816C33.8838 3.73848 34.1092 3.86415 34.3084 4.02533C34.5075 4.18664 34.6734 4.37358 34.8063 4.58704C34.939 4.80033 35.0242 5.03522 35.0621 5.29119H37.2241C37.1577 4.70338 36.9966 4.18166 36.7406 3.7264C36.4846 3.27124 36.1597 2.88976 35.7662 2.58151C35.3726 2.27348 34.927 2.03886 34.4291 1.87757C33.9313 1.71643 33.4028 1.63562 32.8433 1.63562ZM19.8015 1.87757V12.0332H27.5109V10.1557H22.0347V7.66644H26.9562V5.93114H22.0347V3.75489H27.3969V1.87757H19.8015ZM38.1997 1.87757V12.0332H40.2909V4.90701H40.3192L42.8082 12.0332H44.5295L47.0187 4.836H47.0472V12.0332H49.138V1.87757H45.9946L43.7473 8.8613H43.7188L41.3433 1.87757H38.1997ZM49.5959 1.87757L52.2841 12.0332H54.5459L56.2384 5.12047H56.2669L57.988 12.0332H60.2067L62.9377 1.87757H60.7474L59.0831 8.87554H59.0546L57.3193 1.87757H55.2285L53.4647 8.79007H53.4363L51.8289 1.87757H49.5959ZM63.3957 1.87757V12.0332H65.6289V7.83717H69.8817V6.10186H65.6289V3.75489H70.5359V1.87757H63.3957Z" fill="#023047"/>
+<path d="M6.70869 0.890025C3.87857 0.890025 1.41104 2.91748 0.905774 5.72004L4.54796 5.72705C4.94822 4.82004 5.86927 4.23497 6.85815 4.23497C7.92034 4.23497 8.90843 4.95525 9.26572 5.94923C9.60828 4.932 10.5961 4.23497 11.6729 4.23497C12.6838 4.23497 13.6211 4.82008 14.0213 5.73407L17.4839 5.74299C16.9717 2.95443 14.5041 0.890015 11.6729 0.890015C10.8485 0.890015 9.97199 1.09794 9.22873 1.42536C8.44802 1.05344 7.58634 0.890025 6.70869 0.890025ZM0.854323 6.21435C0.772512 6.66774 0.779768 7.12828 0.854323 7.56739H5.84805V6.21435H0.854323ZM9.26572 7.82911C8.90843 8.82466 7.92034 9.54676 6.85815 9.54676C5.86927 9.54676 4.94822 8.96022 4.54796 8.05298L0.905774 8.06021C1.41104 10.8611 3.87857 12.89 6.70869 12.89C7.58634 12.89 8.44802 12.7267 9.22873 12.3621C9.97199 12.6822 10.8485 12.89 11.6729 12.89C14.5041 12.89 16.9717 10.8237 17.4839 8.03704L14.0213 8.04596C13.6211 8.96017 12.6838 9.54676 11.6729 9.54676C10.5961 9.54676 9.60828 8.84819 9.26572 7.82911Z" fill="#023047"/>
+</svg>
diff --git a/app/media/layout/esa.svg b/app/media/layout/esa.svg
new file mode 100644
index 0000000..fa62387
--- /dev/null
+++ b/app/media/layout/esa.svg
@@ -0,0 +1,6 @@
+<svg width="45" height="17" viewBox="0 0 45 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M32.5103 8.13236C31.8235 8.00536 30.9223 7.93847 30.6293 7.52238C30.189 6.89745 30.739 5.98813 32.1794 6.07308C33.4834 6.14994 33.6612 7.15625 33.6791 7.5476H35.5601C35.5858 6.81062 35.2806 6.04796 34.8227 5.56499C34.2388 4.95511 32.8658 4.31898 31.1634 4.57401C30.2477 4.70064 29.0277 5.23422 28.6206 6.42953C28.2646 7.5476 28.6206 8.56416 29.3069 9.09831C30.1714 9.75946 31.7937 9.95749 32.4592 10.0903C33.2638 10.251 33.8613 10.3586 33.762 11.2145C33.6576 12.1141 32.2632 12.3701 31.3407 12.0724C30.683 11.8601 30.3999 11.3349 30.2729 10.6235H28.2908C28.2908 11.5251 28.8272 12.4764 29.3702 12.9131C30.1756 13.5608 31.0908 13.7887 32.1483 13.7887C33.5372 13.7887 34.6865 13.4306 35.3825 12.4028C35.7474 11.8639 36.1451 10.6235 35.5091 9.50537C34.9503 8.53914 33.6791 8.33565 32.5103 8.13236Z" fill="#023047"/>
+<path d="M25.9513 5.76844C25.1438 4.84567 23.7301 4.31914 22.2913 4.54792C19.5918 4.97718 18.9309 7.53515 18.8087 8.3614C18.58 9.90816 19.0377 12.5046 21.7577 13.5217C23.0278 14.0042 24.6298 13.8265 25.8498 12.937C26.5361 12.4279 27.2224 11.2847 27.2731 10.5723H25.0108C24.935 10.8776 24.7568 11.2847 24.3501 11.5895C23.4345 12.2502 22.3928 11.8184 21.9349 11.4876C21.2486 10.9795 20.9946 10.1409 20.9946 8.94579C20.9946 7.29093 21.7553 6.31087 23.069 6.31087C24.2579 6.31087 24.9929 7.33374 24.935 8.18313H21.7316V9.78465H27.2731C27.4084 8.27702 26.7078 6.63307 25.9513 5.76844Z" fill="#023047"/>
+<path d="M42.432 10.9977C42.2474 11.5287 41.7491 11.9185 40.8054 12.0424C39.5605 12.206 38.7099 11.4331 39.2482 10.4379C39.7888 9.43857 41.7796 9.79285 42.5339 9.06547C42.5339 9.26867 42.5668 10.6097 42.432 10.9977ZM44.7202 11.328V8.5824C44.7202 8.16603 44.6699 7.16433 44.5425 6.498C44.4507 6.01823 44.0371 5.29056 43.2452 4.89574C42.5549 4.55171 42.0239 4.48981 40.9001 4.48981C39.2108 4.48981 37.3925 5.0773 37.3147 7.51457H39.3479C39.3479 6.63262 39.9588 6.11174 40.8942 6.11174C41.8097 6.11174 42.586 6.60468 42.4073 7.41316C42.2288 8.22172 40.7359 8.25182 39.7818 8.37911C38.6755 8.52662 37.189 9.03979 36.833 10.5906C36.706 11.2006 36.8075 12.3191 37.7478 13.0561C38.3838 13.5391 39.0593 13.7428 39.9597 13.7428C41.1083 13.7428 42.0737 13.2426 42.6106 12.7513C42.6357 12.8783 42.7627 13.3612 42.8647 13.4887H44.9998C44.669 12.8276 44.7202 11.8026 44.7202 11.328Z" fill="#023047"/>
+<path d="M4.37479 9.89624C3.87084 9.89624 3.46227 9.48768 3.46227 8.98382C3.46227 8.47987 3.87084 8.0713 4.37479 8.0713C4.87875 8.0713 5.28731 8.47987 5.28731 8.98382C5.28731 9.48768 4.87875 9.89624 4.37479 9.89624ZM11.454 13.9895C7.85139 12.7457 7.18497 9.41308 8.08281 7.07995C8.97934 4.74701 12.1197 3.65801 14.2988 5.22124C16.4789 6.78503 16.2476 9.78458 16.2476 9.78458H10.6592V8.18306H13.9024C13.9024 8.18306 13.9929 7.5586 13.4532 6.96471C12.7335 6.1728 11.7016 6.18192 11.0307 6.56772C10.1947 7.04853 9.62101 8.76378 10.0689 10.2719C10.5169 11.78 11.8864 12.3793 13.2039 12.3793C15.1125 12.3793 16.5327 11.06 16.5357 8.90019C16.543 5.32105 14.1294 2.05781 10.5023 1.13739C6.2209 0.0514969 1.86979 2.64182 0.783046 6.92332C-0.30285 11.2047 2.2871 15.5564 6.56878 16.6426C9.62506 17.4177 12.7165 16.3201 14.631 14.0712C13.7246 14.3389 12.6478 14.4014 11.454 13.9895Z" fill="#023047"/>
+</svg>
diff --git a/app/media/layout/eu.svg b/app/media/layout/eu.svg
new file mode 100644
index 0000000..afe6a05
--- /dev/null
+++ b/app/media/layout/eu.svg
@@ -0,0 +1,15 @@
+<svg width="31" height="21" viewBox="0 0 31 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30.7954 0.890015H0.894531V20.89H30.7954V0.890015Z" fill="#2C4390"/>
+<path d="M16.163 3.73066H17.2035L16.3694 4.38301L16.6915 5.42347L15.8575 4.77938L15.0234 5.42347L15.3538 4.38301L14.5115 3.73066H15.5437L15.8575 2.71497L16.163 3.73066Z" fill="#FFED00"/>
+<path d="M16.2042 17.0667H17.2447L16.4024 17.7026L16.7327 18.6935L15.8987 18.0824L15.0647 18.6935L15.395 17.7026L14.5444 17.0667H15.5849L15.8987 16.1006L16.2042 17.0667Z" fill="#FFED00"/>
+<path d="M19.5072 16.1831H20.5477L19.7136 16.819L20.0357 17.8099L19.1934 17.1988L18.3594 17.8099L18.6897 16.819L17.8474 16.1831H18.8879L19.1934 15.217L19.5072 16.1831Z" fill="#FFED00"/>
+<path d="M19.5072 4.62247H20.5477L19.7136 5.25005L20.0357 6.24097L19.1934 5.6299L18.3594 6.24097L18.6897 5.25005L17.8474 4.62247H18.8879L19.1934 3.64807L19.5072 4.62247Z" fill="#FFED00"/>
+<path d="M21.9515 7.06673H22.992L22.158 7.69431L22.48 8.69348L21.646 8.08242L20.812 8.69348L21.1423 7.69431L20.2917 7.06673H21.3322L21.646 6.10059L21.9515 7.06673Z" fill="#FFED00"/>
+<path d="M21.9515 13.7719H22.992L22.158 14.3995L22.48 15.3986L21.646 14.7793L20.812 15.3986L21.1423 14.3995L20.2917 13.7719H21.3322L21.646 12.7975L21.9515 13.7719Z" fill="#FFED00"/>
+<path d="M22.8763 10.3698H23.9168L23.0745 10.9974L23.3966 11.9965L22.5625 11.3772L21.7285 11.9965L22.0588 10.9974L21.2166 10.3698H22.2488L22.5625 9.39539L22.8763 10.3698Z" fill="#FFED00"/>
+<path d="M12.8021 4.63071H13.8426L13.0086 5.25829L13.3306 6.25747L12.4966 5.6464L11.6626 6.25747L11.9846 5.25829L11.1423 4.63071H12.1828L12.4966 3.65631L12.8021 4.63071Z" fill="#FFED00"/>
+<path d="M10.4239 7.07497H11.4644L10.6221 7.70255L10.9524 8.70172L10.1102 8.09066L9.27613 8.70172L9.60644 7.70255L8.76416 7.07497H9.80462L10.1102 6.10883L10.4239 7.07497Z" fill="#FFED00"/>
+<path d="M9.54015 10.378H10.5806L9.73833 11.0056L10.0604 12.0048L9.23462 11.3937L8.39235 12.0048L8.72265 11.0056L7.88037 10.378H8.91258L9.23462 9.40363L9.54015 10.378Z" fill="#FFED00"/>
+<path d="M10.4239 13.7802H11.4644L10.6221 14.4078L10.9524 15.4069L10.1102 14.7876L9.27613 15.4069L9.60644 14.4078L8.76416 13.7802H9.80462L10.1102 12.8058L10.4239 13.7802Z" fill="#FFED00"/>
+<path d="M12.8351 16.1914H13.8755L13.0415 16.819L13.3636 17.8182L12.5295 17.2071L11.6955 17.8182L12.0258 16.819L11.1753 16.1914H12.2158L12.5295 15.2253L12.8351 16.1914Z" fill="#FFED00"/>
+</svg>
diff --git a/app/media/layout/eumetsat.svg b/app/media/layout/eumetsat.svg
new file mode 100644
index 0000000..faa7c77
--- /dev/null
+++ b/app/media/layout/eumetsat.svg
@@ -0,0 +1,11 @@
+<svg width="87" height="17" viewBox="0 0 87 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M74.8672 11.4635C75.1499 10.461 75.5564 9.29841 75.7503 8.34739C75.9277 9.29841 76.3157 10.4775 76.5817 11.4635H74.8672ZM77.0399 5.74817H74.6363L71.1389 15.2087H73.6294L74.3 13.2037H77.1083L77.8325 15.2087H80.323L77.0399 5.74817Z" fill="#023047"/>
+<path d="M68.5967 9.41613L67.3496 9.12549C66.57 8.93418 66.3815 8.74471 66.3815 8.29771C66.3815 7.78081 66.9007 7.45338 67.6267 7.45338C68.3547 7.45338 69.1676 7.67596 70.0525 8.1432L71.1426 6.53915C70.2761 5.97074 68.8387 5.58997 67.575 5.58997C65.3432 5.58997 63.8005 6.83163 63.8005 8.53869C63.8005 9.05559 63.9224 9.52098 64.183 9.96982C64.5469 10.5897 65.2028 11.0386 66.2078 11.2795L67.3866 11.5555C68.2346 11.7449 68.5967 12.0889 68.5967 12.5893C68.5967 13.2257 68.0424 13.5035 66.9524 13.5035C65.9307 13.5035 65.1511 13.2276 64.183 12.8137L63.4199 14.5704C64.5451 15.1057 65.7053 15.3449 66.8305 15.3449C69.4798 15.3449 71.2276 14.0701 71.2276 12.1055C71.2276 10.6909 70.2244 9.79507 68.5967 9.41613Z" fill="#023047"/>
+<path d="M43.936 5.74812L42.6796 10.0562C42.5226 10.6026 42.3619 11.2538 42.2732 11.8332C42.166 11.2354 42.0626 10.7773 41.8852 10.1445L40.6843 5.74628H37.6987L36.6733 15.1921H39.0585L39.3412 10.5842C39.3744 10.0029 39.428 9.22846 39.4483 8.57911C39.5887 9.33515 39.7809 10.1629 39.9065 10.5842L41.1979 15.1921H43.2099L44.6251 10.426C44.7655 9.93299 44.978 9.31675 45.0999 8.77226C45.135 9.42344 45.172 9.98633 45.2071 10.4793L45.5248 15.194H47.8379L46.868 5.74812H43.936Z" fill="#023047"/>
+<path d="M33.2999 11.7118C33.2999 12.696 33.1595 12.9425 32.9655 13.1191C32.7161 13.3306 32.3299 13.5054 31.8533 13.5054C31.3046 13.5054 30.8612 13.3288 30.6173 12.9958C30.4399 12.7659 30.4196 12.4679 30.4196 11.905V5.74817H28.0178V12.168C28.0178 13.0492 28.1231 13.647 28.5296 14.1731C29.1504 14.9641 30.3679 15.3688 31.942 15.3688C33.4255 15.3688 34.3955 14.8942 34.9091 14.4012C35.4393 13.8916 35.7035 13.4171 35.7035 12.0282V5.74817H33.2999V11.7118Z" fill="#023047"/>
+<path d="M79.2996 5.74817V7.61159H81.7549V15.2198H84.1752V7.61343H86.0467C86.6121 7.24552 86.9982 5.75001 86.9982 5.75001H79.2996V5.74817Z" fill="#023047"/>
+<path d="M23.0922 11.1967H25.8506V9.3462H23.0737V7.5858H25.845C26.2663 7.26389 26.5822 6.34229 26.7004 5.94312L26.7337 5.75549H20.7034V15.2105H26.839V13.2901H23.0904V11.1967H23.0922Z" fill="#023047"/>
+<path d="M51.302 11.1967H54.0604V9.3462H51.2836V7.5858H54.0549C54.4742 7.26389 54.792 6.34229 54.9103 5.94312L54.9435 5.75549H48.915V15.2105H55.0507V13.2901H51.302V11.1967Z" fill="#023047"/>
+<path d="M55.895 5.74817V7.61159H58.3504V15.1922H60.7706V7.61343H62.644C63.2094 7.24552 63.5955 5.75001 63.5955 5.75001H55.895V5.74817Z" fill="#023047"/>
+<path d="M12.3858 7.27125H15.9054C15.7963 6.74331 15.6338 6.23377 15.4268 5.74998H13.2523C13.7715 4.53775 13.7825 3.42117 12.9419 2.55844C11.5858 1.51361 9.88426 0.890015 8.03489 0.890015C3.59713 0.890015 0 4.47153 0 8.89001C0 13.3085 3.59713 16.89 8.03489 16.89C9.87872 16.89 11.5748 16.2701 12.9308 15.2308H3.65441C3.90937 15.056 5.96936 13.6286 8.15129 11.7376H15.5451C15.7317 11.2519 15.8702 10.7424 15.9589 10.2163H9.81221C10.7877 9.26711 11.7004 8.25906 12.3858 7.27125Z" fill="#023047"/>
+</svg>
diff --git a/app/types.d.ts b/app/types.d.ts
index 1c59232..66e8eec 100644
--- a/app/types.d.ts
+++ b/app/types.d.ts
@@ -2,3 +2,8 @@ declare module '*.png' {
   const value: string;
   export default value;
 }
+
+declare module '*.svg' {
+  const content: string;
+  export default content;
+}
\ No newline at end of file
diff --git a/app/utils/api.ts b/app/utils/api.ts
index cbf6d14..9567333 100644
--- a/app/utils/api.ts
+++ b/app/utils/api.ts
@@ -57,6 +57,10 @@ export function getMdFn(url: string) {
   return async () => {
     const response = await fetch(`${process.env.DATA_API || ''}${url}`);
 
+    if (response.status === 404) {
+      throw new NotFound('Resource not found', { url });
+    }
+
     try {
       if (!response.ok) {
         throw new Error();
diff --git a/package.json b/package.json
index 05c6d94..4d25011 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,7 @@
     "test": "echo \"Error: no test specified\" && exit 0"
   },
   "engines": {
-    "node": "20.x"
+    "node": "24.x"
   },
   "browserslist": "> 0.5%, last 2 versions, not dead",
   "devDependencies": {
@@ -30,6 +30,7 @@
     "@tanstack/eslint-plugin-query": "^5.62.1",
     "@testing-library/jest-dom": "^6.4.0",
     "@testing-library/react": "^14.2.0",
+    "@types/keycloak-js": "^3.4.1",
     "@types/node": "^22.10.1",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
@@ -92,6 +93,7 @@
     "date-fns": "^3.3.1",
     "deck.gl": "^9.0.0",
     "framer-motion": "^11.11.0",
+    "keycloak-js": "26.1.5",
     "mapbox-gl": "^3.1.2",
     "polished": "^4.3.1",
     "react": "^18.2.0",
diff --git a/tsconfig.json b/tsconfig.json
index 79fdc6c..78ec1f5 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -4,6 +4,9 @@
     "strictNullChecks": true,
     "baseUrl": "./",
     "jsx": "react",
+    /* Modules */
+    "module": "ESNext",                                /* Specify what module code is generated. */
+    "moduleResolution": "bundler",   
     "paths": {
       /* Specify a set of entries that re-map imports to additional lookup locations. */
       "$components/*": ["./app/components/*"],
diff --git a/yarn.lock b/yarn.lock
index 2ca76cd..aa9b7dd 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6343,6 +6343,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/keycloak-js@npm:^3.4.1":
+  version: 3.4.1
+  resolution: "@types/keycloak-js@npm:3.4.1"
+  dependencies:
+    keycloak-js: "npm:*"
+  checksum: 10c0/acc6384153dbc809ffc803c6245dce44a0cc1235bfa138c216c8eb0c7cedd16558954d192a6fced4f397afadebf09bdb80acec71ab373c71d12a6f70bcf503f9
+  languageName: node
+  linkType: hard
+
 "@types/lodash.mergewith@npm:4.6.9":
   version: 4.6.9
   resolution: "@types/lodash.mergewith@npm:4.6.9"
@@ -10438,6 +10447,7 @@ __metadata:
     "@turf/bbox": "npm:^7.2.0"
     "@types/d3": "npm:^7.4.3"
     "@types/geojson": "npm:^7946.0.14"
+    "@types/keycloak-js": "npm:^3.4.1"
     "@types/mapbox-gl": "npm:^2.7.20"
     "@types/node": "npm:^22.10.1"
     "@types/react": "npm:^18.3.12"
@@ -10470,6 +10480,7 @@ __metadata:
     jest: "npm:^29.7.0"
     jest-css-modules-transform: "npm:^4.4.2"
     jest-environment-jsdom: "npm:^29.7.0"
+    keycloak-js: "npm:26.1.5"
     mapbox-gl: "npm:^3.1.2"
     parcel: "npm:^2.11.0"
     parcel-resolver-ignore: "npm:^2.2.0"
@@ -12161,6 +12172,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"keycloak-js@npm:*":
+  version: 26.2.0
+  resolution: "keycloak-js@npm:26.2.0"
+  checksum: 10c0/a0c97c29ce90ac689f27dce9c6fed92a353b4d06b4339e03ed1adc663edbbcffac59ac9a55abf18f7df95fa57f08958683c7e8a36bc536791407ef6a02eb0de0
+  languageName: node
+  linkType: hard
+
+"keycloak-js@npm:26.1.5":
+  version: 26.1.5
+  resolution: "keycloak-js@npm:26.1.5"
+  checksum: 10c0/d0050d4de981b2dd0ec33fc906ea30638bf06c76f5087979acff992e443b86d2bacd427f1bc0cbe4c8fc40c3d7756d148caa6af14d2c1a88fb0993cae2762f5e
+  languageName: node
+  linkType: hard
+
 "keyv@npm:^4.5.3":
   version: 4.5.4
   resolution: "keyv@npm:4.5.4"