⚗️(frontend) add Beta badge to header

We add a beta badge to the header to indicate
that the app is in beta.

Author: AntoLC

CHANGELOG.md

@@ -21,10 +21,10 @@ and this project adheres to
 - ✨(frontend) offline mode (#88)
 - (frontend) translate cgu (#83)
 - ✨(service-worker) offline doc management (#94)
+- (frontend) Add beta tag on logo (#121)
 
 ## Changed
 
-- Change most of the occurences from pad to document (#76)
 - Change site from Impress to Docs (#76)
 - Generate PDF from a modal (#68)
 - 🔧 (helm) sticky session by request_uri for signaling server (#78)
@@ -33,7 +33,6 @@ and this project adheres to
 - ⚡️(e2e) unique login between tests (#80)
 - ⚡️(CI) improve e2e job (#86)
 - ♻️(frontend) improve the error and message info ui (#93)
-- ♻️(frontend) improve the error and message info ui (#93)
 - ✏️(frontend) change all occurences of pad to doc (#99)
 
 ## Fixed
@@ -43,6 +42,7 @@ and this project adheres to
 ## Delete
 
 - Remove trigger workflow on push tags on CI (#68)
+- (frontend) Remove coming soon page (#121)
 
 ## [0.1.0] - 2024-05-24
 

src/frontend/apps/impress/src/features/header/Header.tsx

@@ -50,9 +50,28 @@ export const Header = () => {
             }}
           />
           <StyledLink href="/">
-            <Box $align="center" $gap="0.8rem" $direction="row">
+            <Box
+              $align="center"
+              $gap="0.8rem"
+              $direction="row"
+              $position="relative"
+            >
               <Image priority src={IconDocs} alt={t('Docs Logo')} width={38} />
-              <Text $margin="none" as="h2" $theme="primary">
+              <Text
+                $padding="3px 5px"
+                $size="8px"
+                $background="#368bd6"
+                $color="white"
+                $position="absolute"
+                $radius="5px"
+                $css={`
+                  top: 9px;
+                  right: -21px;
+                `}
+              >
+                BETA
+              </Text>
+              <Text $margin="none" as="h2" $theme="primary" $zIndex={1}>
                 {t('Docs')}
               </Text>
             </Box>