feat: add animated workspace identities

frontend/src/App.tsx

@@ -32,6 +32,7 @@ import {
   type WorkspaceNavigationGroup,
   type WorkspaceNavigationItem,
 } from './components/shell/WorkbenchNavigation'
+import { WorkspaceSignal } from './components/shell/WorkspaceSignal'
 import { useChangeDetectionWorkflow } from './hooks/useChangeDetectionWorkflow'
 import { useDemoWorkflow } from './hooks/useDemoWorkflow'
 import { useCoverageResolver } from './hooks/useCoverageResolver'
@@ -790,7 +791,7 @@ function WorkbenchApp({ username, loggingOut, onLogout }: WorkbenchAppProps): JS
         Ga naar de werkruimte
       </a>
       <p className="sr-only" role="status" aria-live="polite">{workspaceStatusMessage}</p>
-      {errorMessage ? (
+      {errorMessage && activeWorkspace !== 'map' ? (
         <div className="workspace-notice" role="alert">
           <CircleAlert aria-hidden="true" />
           <div>
@@ -862,6 +863,7 @@ function WorkbenchApp({ username, loggingOut, onLogout }: WorkbenchAppProps): JS
               <p className="eyebrow">{selectedProject?.region ?? 'Belgie en Belgische Noordzee'}</p>
               <h2>{activeWorkspaceItem.label}</h2>
             </div>
+            <WorkspaceSignal workspace={activeWorkspace} />
             <div className="workspace-heading-actions">
               <p>{activeWorkspaceItem.description}</p>
               {activeWorkspace !== 'overview' ? (