Update version update alert

Author: Rokt33r

src/cloud/components/AnnouncementAlert.tsx

@@ -67,7 +67,7 @@ const AnnouncementAlert = () => {
           </span>
           <p className='alert__text'>
             Please update the desktop app. This version is outdated (current
-            version: {currentDesktopAppVersion}, required version: &gt;=0.20.0).
+            version: {currentDesktopAppVersion}, required version: &gt;=0.23.0).
           </p>
           <button
             className='alert__btn--close'
@@ -346,7 +346,7 @@ const Container = styled.div`
   left: 52px;
   bottom: ${({ theme }) => theme.sizes.spaces.xl}px;
   width: fit-content;
-  z-index: 100;
+  z-index: 100000;
 
   .alert__link {
     font-weight: bold;

src/cloud/pages/home/HomeForm.tsx

@@ -17,6 +17,7 @@ import Button from '../../../design/components/atoms/Button'
 import { sendToHost, useElectron } from '../../lib/stores/electron'
 import { useEffectOnce } from 'react-use'
 import { FormRowProps } from '../../../design/components/molecules/Form/templates/FormRow'
+import AnnouncementAlert from '../../components/AnnouncementAlert'
 
 interface HomePageTeamSelectForm {
   user: SerializedUser
@@ -70,6 +71,7 @@ const HomeForm = ({ user, teams = [] }: HomePageTeamSelectForm) => {
 
   return (
     <Container>
+      <AnnouncementAlert />
       <Form
         fullWidth={true}
         rows={[

src/cloud/pages/home/HomePageSignInForm.tsx

@@ -34,6 +34,7 @@ import {
   BoostHubLoginEvent,
   boostHubLoginEventEmitter,
 } from '../../../lib/events'
+import AnnouncementAlert from '../../components/AnnouncementAlert'
 
 const HomePageSignInForm = () => {
   const { sendToElectron, usingElectron } = useElectron()
@@ -186,6 +187,7 @@ const HomePageSignInForm = () => {
 
   return (
     <Container>
+      <AnnouncementAlert />
       <div className='intro'>
         <Image src={'/app/static/images/logo.png'} className={'intro__logo'} />
         <h1 className='intro__heading'>Welcome to Boost Note!</h1>