Settings - WIP

* User account settings
* Workspace settings
* Workspace membership management
*

frontend/src/app/layout.tsx

@@ -3,17 +3,21 @@ import type { Metadata } from 'next'
 import { Inter } from 'next/font/google'
 import { cn } from "@/lib/utils";
 import { ThemeProvider } from "@/components/providers/theme-provider";
-import { Toaster } from "@/components/ui/toaster";
 import { TanstackProvider } from "@/components/providers/tanstack-provider";
+import CustomToaster from "@/components/ui/custom-toaster";
 
 const inter = Inter({ subsets: ['latin'] })
 
 export const metadata: Metadata = {
   title: 'Create Next App',
   description: 'Generated by create next app',
+  viewport: {
+    width: 'device-width',
+    initialScale: 1,
+    maximumScale: 1,
+  },
 }
 
-
 export default function RootLayout({
   children,
 }: {
@@ -26,7 +30,7 @@ export default function RootLayout({
     <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
       <TanstackProvider>
         {children}
-        <Toaster />
+        <CustomToaster />
       </TanstackProvider>
     </ThemeProvider>
     </body>