feat: add react-hot-toast for toast notifs

src/pages/_app.tsx

@@ -1,4 +1,4 @@
-import UserContext from '@/contexts/userContext';
+import UserContext from '@/contexts/UserContext';
 
 import '@/styles/globals.css';
 import type { AppProps } from 'next/app';
@@ -11,6 +11,7 @@ import { Space_Grotesk } from 'next/font/google';
 import Head from 'next/head';
 import Layout from '@/components/ui/Layout';
 import useUser from '@/hooks/auth/useUser';
+import CustomToast from '@/components/ui/CustomToast';
 
 const spaceGrotesk = Space_Grotesk({
   subsets: ['latin'],
@@ -39,9 +40,12 @@ export default function App({ Component, pageProps }: AppProps) {
       </Head>
       <UserContext.Provider value={{ user, isLoading, error, mutate }}>
         <Layout>
-          <Component {...pageProps} />
+          <CustomToast>
+            <Component {...pageProps} />
+          </CustomToast>
         </Layout>
       </UserContext.Provider>
+
       <Analytics />
     </>
   );

src/pages/breweries/index.tsx

@@ -1,7 +1,7 @@
 import BreweryCard from '@/components/BreweryIndex/BreweryCard';
 import LoadingCard from '@/components/ui/LoadingCard';
 import Spinner from '@/components/ui/Spinner';
-import UserContext from '@/contexts/userContext';
+import UserContext from '@/contexts/UserContext';
 import useBreweryPosts from '@/hooks/data-fetching/brewery-posts/useBreweryPosts';
 import BreweryPostQueryResult from '@/services/BreweryPost/types/BreweryPostQueryResult';
 import { NextPage } from 'next';

src/pages/user/current.tsx

@@ -1,6 +1,6 @@
 import Spinner from '@/components/ui/Spinner';
 import withPageAuthRequired from '@/util/withPageAuthRequired';
-import UserContext from '@/contexts/userContext';
+import UserContext from '@/contexts/UserContext';
 
 import { GetServerSideProps, NextPage } from 'next';
 import { useContext } from 'react';