Improve overall responsiveness on mobile devices (#214)

apps/web/app/home/[account]/_components/dashboard-demo.tsx

@@ -3,15 +3,13 @@
 import dynamic from 'next/dynamic';
 
 import { LoadingOverlay } from '@kit/ui/loading-overlay';
-import { Trans } from '@kit/ui/trans';
 
 export const DashboardDemo = dynamic(() => import('./dashboard-demo-charts'), {
   ssr: false,
   loading: () => (
-    <LoadingOverlay>
-      <span className={'text-muted-foreground'}>
-        <Trans i18nKey={'common:loading'} />
-      </span>
-    </LoadingOverlay>
+    <LoadingOverlay
+      fullPage={false}
+      className={'flex flex-1 flex-col items-center justify-center'}
+    />
   ),
 });

apps/web/app/home/[account]/_components/team-account-layout-mobile-navigation.tsx

@@ -162,7 +162,7 @@ function TeamAccountsModal(props: {
           </DialogTitle>
         </DialogHeader>
 
-        <div className={'py-16'}>
+        <div className={'py-6'}>
           <AccountSelector
             className={'w-full max-w-full'}
             collisionPadding={0}