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'}
+    />
   ),
 });