Implement internationalization support across components

- Integrated `next-intl` for toast messages and locale handling in various components, including `Providers`, `CanvasUserMenu`, and `CreditOverview`.
- Replaced hardcoded strings with translation keys to enhance localization capabilities.
- Updated `RootLayout` to dynamically set the language attribute based on the user's locale.
- Ensured consistent user feedback through localized toast messages in actions such as sign-out, canvas operations, and billing notifications.

components/canvas/canvas-shell.tsx

@@ -38,12 +38,11 @@ export function CanvasShell({ canvasId }: CanvasShellProps) {
   return (
     <div className="h-screen w-screen overflow-hidden overscroll-none">
       <ResizablePanelGroup
-        direction="horizontal"
+        orientation="horizontal"
         className="h-full w-full min-h-0 min-w-0 overflow-hidden"
       >
         <ResizablePanel
           id="canvas-sidebar-panel"
-          order={1}
           defaultSize={SIDEBAR_DEFAULT_SIZE}
           minSize={SIDEBAR_COLLAPSE_THRESHOLD}
           maxSize={SIDEBAR_MAX_SIZE}
@@ -62,7 +61,6 @@ export function CanvasShell({ canvasId }: CanvasShellProps) {
 
         <ResizablePanel
           id="canvas-main-panel"
-          order={2}
           minSize={MAIN_PANEL_MIN_SIZE}
           className="min-h-0 min-w-0"
         >