Added "use client".

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

@@ -1,3 +1,4 @@
+'use client';
 import DateFilter from 'components/input/DateFilter';
 import { Button, Flexbox } from 'react-basics';
 import { useDateRange, useMessages } from 'components/hooks';

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

@@ -1,3 +1,4 @@
+'use client';
 import { useState } from 'react';
 import { Button, Dropdown, Item, Flexbox } from 'react-basics';
 import { useLocale, useMessages } from 'components/hooks';

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

@@ -1,3 +1,4 @@
+'use client';
 import { Button, Icon, Text, useToasts, ModalTrigger, Modal } from 'react-basics';
 import PasswordEditForm from 'app/(main)/settings/profile/PasswordEditForm';
 import Icons from 'components/icons';

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

@@ -1,3 +1,4 @@
+'use client';
 import { useRef } from 'react';
 import { Form, FormRow, FormInput, FormButtons, PasswordField, Button } from 'react-basics';
 import { useApi, useMessages } from 'components/hooks';

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

@@ -1,3 +1,4 @@
+'use client';
 import classNames from 'classnames';
 import { Button, Icon } from 'react-basics';
 import { useTheme } from 'components/hooks';

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

@@ -1,3 +1,4 @@
+'use client';
 import { useState } from 'react';
 import { Dropdown, Item, Button, Flexbox } from 'react-basics';
 import { listTimeZones } from 'timezone-support';