feat: add support for ultrawide screens

src/PageManager.tsx

@@ -348,7 +348,13 @@ export function PageManager({ maxStackSize = 5 }: { maxStackSize?: number }) {
       >
         <CurrentRelaysProvider>
           <NotificationProvider>
-            <div className="flex h-[var(--vh)] overflow-hidden bg-surface-background">
+            <div className="flex flex-col items-center bg-surface-background">
+              <div
+                className="flex h-[var(--vh)] w-full bg-surface-background"
+                style={{
+                  maxWidth: '1920px'
+                }}
+              >
                 <Sidebar />
                 <div className="grid grid-cols-2 gap-2 w-full pr-2 py-2">
                   <div className="rounded-lg shadow-lg bg-background overflow-hidden">
@@ -384,6 +390,7 @@ export function PageManager({ maxStackSize = 5 }: { maxStackSize?: number }) {
                   </div>
                 </div>
               </div>
+            </div>
             <TooManyRelaysAlertDialog />
             <CreateWalletGuideToast />
             <BackgroundAudio className="fixed bottom-20 right-0 z-50 w-80 rounded-l-full rounded-r-none overflow-hidden shadow-lg border" />