Add beta version banner to the homepage

src/App.tsx

@@ -1,4 +1,4 @@
-import { Outlet, Route, Routes, useNavigate } from 'react-router-dom';
+import { Link, Outlet, Route, Routes, useNavigate } from 'react-router-dom';
 import { useState, useEffect } from 'react';
 import toast, { Toaster, useToasterStore } from 'react-hot-toast';
 import { Navbar } from './components';
@@ -47,6 +47,9 @@ export default function App() {
           path="/"
           element={
             <S.RootLayout>
+              <Link className="BetaBanner" to="https://beta.tmpf.me/" target="_blank">
+                베타버전이 출시되었습니다. beta.tmpf.me에서 베타 버전을 체험해보세요!
+              </Link>
               <div>
                 <Toaster
                   toastOptions={{

src/styles/app.ts

@@ -1,9 +1,21 @@
 import styled from '@emotion/styled';
 
 export const RootLayout = styled.div`
+  .BetaBanner {
+    width: 100vw;
+    padding: 2rem;
+    background-color: #757bab;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+  }
   .RootWrapper {
     width: 100%;
     height: fit-content;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
   }
 
   .Text {

tmp/build-errors.log

@@ -0,0 +1 @@
+exit status 1