feat: add popup error messages

src/pages/_app.tsx

@@ -5,6 +5,7 @@ import { Plus_Jakarta_Sans } from "next/font/google";
 
 import { ModalProvider } from "~/providers/modal";
 import { BoardProvider } from "~/providers/board";
+import { PopupProvider } from "~/providers/popup";
 import { ThemeProvider } from "~/providers/theme";
 
 import { api } from "~/utils/api";
@@ -33,9 +34,11 @@ const MyApp: AppType = ({ Component, pageProps }) => {
       <main className="font-sans">
         <ThemeProvider>
           <ModalProvider>
-            <BoardProvider>
-              <Component {...pageProps} />
-            </BoardProvider>
+            <PopupProvider>
+              <BoardProvider>
+                <Component {...pageProps} />
+              </BoardProvider>
+            </PopupProvider>
           </ModalProvider>
         </ThemeProvider>
       </main>

src/pages/boards/[...boardId]/index.tsx

@@ -1,5 +1,6 @@
 import { WorkspaceProvider } from "~/providers/workspace";
 import Dashboard from "~/components/dashboard";
+import Popup from "~/components/Popup";
 import BoardView from "~/views/board";
 
 export default function BoardPage() {
@@ -8,6 +9,7 @@ export default function BoardPage() {
       <Dashboard>
         <BoardView />
       </Dashboard>
+      <Popup />
     </WorkspaceProvider>
   );
 }

src/pages/boards/index.tsx

@@ -1,5 +1,6 @@
 import { WorkspaceProvider } from "~/providers/workspace";
 import Dashboard from "~/components/dashboard";
+import Popup from "~/components/Popup";
 import BoardsView from "~/views/boards";
 
 export default function BoardsPage() {
@@ -8,6 +9,7 @@ export default function BoardsPage() {
       <Dashboard>
         <BoardsView />
       </Dashboard>
+      <Popup />
     </WorkspaceProvider>
   );
 }