Updates for cloud mode.

src/app/(main)/settings/layout.tsx

@@ -2,6 +2,10 @@ import { Metadata } from 'next';
 import { SettingsLayout } from './SettingsLayout';
 
 export default function ({ children }) {
+  if (process.env.cloudUrl) {
+    return null;
+  }
+
   return <SettingsLayout>{children}</SettingsLayout>;
 }
 

src/app/(main)/settings/preferences/DateRangeSetting.tsx

@@ -15,7 +15,7 @@ export function DateRangeSetting() {
 
   return (
     <Row gap="3">
-      <DateFilter value={value} onChange={handleChange} />
+      <DateFilter value={value} onChange={handleChange} placement="bottom start" />
       <Button onPress={handleReset}>{formatMessage(labels.reset)}</Button>
     </Row>
   );

src/app/(main)/settings/preferences/LanguageSetting.tsx

@@ -26,7 +26,7 @@ export function LanguageSetting() {
   };
 
   return (
-    <Row gap="3">
+    <Row gap>
       <Select
         value={locale}
         onChange={val => saveLocale(val as string)}

src/app/(main)/settings/preferences/TimezoneSetting.tsx

@@ -22,7 +22,7 @@ export function TimezoneSetting() {
   };
 
   return (
-    <Row gap="3">
+    <Row gap>
       <Select
         value={timezone}
         onChange={(value: any) => saveTimezone(value)}

src/app/(main)/settings/profile/ProfileSettings.tsx

@@ -1,12 +1,12 @@
 import { Row, Column, Label } from '@umami/react-zen';
-import { useLoginQuery, useMessages } from '@/components/hooks';
+import { useConfig, useLoginQuery, useMessages } from '@/components/hooks';
 import { ROLES } from '@/lib/constants';
 import { PasswordChangeButton } from './PasswordChangeButton';
 
 export function ProfileSettings() {
   const { user } = useLoginQuery();
   const { formatMessage, labels } = useMessages();
-  const cloudMode = !!process.env.cloudMode;
+  const { cloudMode } = useConfig();
 
   if (!user) {
     return null;