Refactor: removed default exports.

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

@@ -1,4 +1,4 @@
-import DateFilter from '@/components/input/DateFilter';
+import { DateFilter } from '@/components/input/DateFilter';
 import { Button, Flexbox } from 'react-basics';
 import { useDateRange, useMessages } from '@/components/hooks';
 import { DEFAULT_DATE_RANGE } from '@/lib/constants';
@@ -26,5 +26,3 @@ export function DateRangeSetting() {
     </Flexbox>
   );
 }
-
-export default DateRangeSetting;

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

@@ -39,5 +39,3 @@ export function LanguageSetting() {
     </Flexbox>
   );
 }
-
-export default LanguageSetting;

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

@@ -1,6 +1,6 @@
 import { Button, Icon, Text, useToasts, ModalTrigger, Modal } from 'react-basics';
-import PasswordEditForm from '@/app/(main)/profile/PasswordEditForm';
-import Icons from '@/components/icons';
+import { PasswordEditForm } from '@/app/(main)/profile/PasswordEditForm';
+import { Icons } from '@/components/icons';
 import { useMessages } from '@/components/hooks';
 
 export function PasswordChangeButton() {
@@ -27,5 +27,3 @@ export function PasswordChangeButton() {
     </>
   );
 }
-
-export default PasswordChangeButton;

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

@@ -65,5 +65,3 @@ export function PasswordEditForm({ onSave, onClose }) {
     </Form>
   );
 }
-
-export default PasswordEditForm;

src/app/(main)/profile/ProfileHeader.tsx

@@ -1,4 +1,4 @@
-import PageHeader from '@/components/layout/PageHeader';
+import { PageHeader } from '@/components/layout/PageHeader';
 import { useMessages } from '@/components/hooks';
 
 export function ProfileHeader() {
@@ -6,5 +6,3 @@ export function ProfileHeader() {
 
   return <PageHeader title={formatMessage(labels.profile)}></PageHeader>;
 }
-
-export default ProfileHeader;

src/app/(main)/profile/ProfilePage.tsx

@@ -1,9 +1,9 @@
 'use client';
-import ProfileHeader from './ProfileHeader';
-import ProfileSettings from './ProfileSettings';
+import { ProfileHeader } from './ProfileHeader';
+import { ProfileSettings } from './ProfileSettings';
 import styles from './ProfilePage.module.css';
 
-export default function () {
+export function ProfilePage() {
   return (
     <div className={styles.container}>
       <ProfileHeader />

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

@@ -1,9 +1,9 @@
 import { Form, FormRow } from 'react-basics';
-import TimezoneSetting from '@/app/(main)/profile/TimezoneSetting';
-import DateRangeSetting from '@/app/(main)/profile/DateRangeSetting';
-import LanguageSetting from '@/app/(main)/profile/LanguageSetting';
-import ThemeSetting from '@/app/(main)/profile/ThemeSetting';
-import PasswordChangeButton from './PasswordChangeButton';
+import { TimezoneSetting } from '@/app/(main)/profile/TimezoneSetting';
+import { DateRangeSetting } from '@/app/(main)/profile/DateRangeSetting';
+import { LanguageSetting } from '@/app/(main)/profile/LanguageSetting';
+import { ThemeSetting } from '@/app/(main)/profile/ThemeSetting';
+import { PasswordChangeButton } from './PasswordChangeButton';
 import { useLogin, useMessages } from '@/components/hooks';
 import { ROLES } from '@/lib/constants';
 
@@ -56,5 +56,3 @@ export function ProfileSettings() {
     </Form>
   );
 }
-
-export default ProfileSettings;

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

@@ -29,5 +29,3 @@ export function ThemeSetting() {
     </div>
   );
 }
-
-export default ThemeSetting;

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

@@ -33,5 +33,3 @@ export function TimezoneSetting() {
     </Flexbox>
   );
 }
-
-export default TimezoneSetting;

src/app/(main)/profile/page.tsx

@@ -1,5 +1,5 @@
 import { Metadata } from 'next';
-import ProfilePage from './ProfilePage';
+import { ProfilePage } from './ProfilePage';
 
 export default function () {
   return <ProfilePage />;