feat(Frontend): Add toast

apps/frontend/pages/_app.tsx

@@ -1,8 +1,10 @@
 import { AppProps } from 'next/app'
 import Head from 'next/head'
 import './global.scss'
+import 'react-toastify/dist/ReactToastify.css'
 import AuthStoreProvider from '@modules/auth/store/auth-store'
 import MeStoreProvider from '@modules/auth/store/me-store'
+import { ToastContainer } from 'react-toastify'
 
 function CustomApp({ Component, pageProps }: AppProps) {
   return (
@@ -36,6 +38,7 @@ function CustomApp({ Component, pageProps }: AppProps) {
             </MeStoreProvider>
           </AuthStoreProvider>
         </main>
+        <ToastContainer hideProgressBar position='bottom-right' className={"font-sans"}   toastClassName={"rounded-xl p-4"} />
       </div>
     </>
   )

apps/frontend/pages/test.tsx

@@ -1,16 +1,21 @@
+import Button from '@components/primitives/button'
 import ScreenCenter from '@components/primitives/screen-center'
+import { useRef } from 'react'
+import { toast } from 'react-toastify'
+
 
 export default function Test() {
+  const count = useRef(0)
+
   return (
     <ScreenCenter>
-      {/* <Select value={'test4'} onChange={value => value}>
-        <Select.Option value={'test'}> Test</Select.Option>
-        <Select.Option value={'test2'}> Test</Select.Option>
-        <Select.Option value={'test3'}> Test</Select.Option>
-        <Select.Option value={'test4'}> Test</Select.Option>
-        <Select.Option value={'test5'}> Test</Select.Option>
-        <Select.Option value={'test6'}> Test</Select.Option>
-      </Select> */}
+      <Button
+        onClick={() => {
+          toast.error("Hello world!")
+        }}
+      >
+        Show toast
+      </Button>
     </ScreenCenter>
   )
 }