Refactor: removed default exports.

src/app/(main)/settings/teams/TeamAddForm.tsx

@@ -43,5 +43,3 @@ export function TeamAddForm({ onSave, onClose }: { onSave: () => void; onClose:
     </Form>
   );
 }
-
-export default TeamAddForm;

src/app/(main)/settings/teams/TeamJoinForm.tsx

@@ -41,5 +41,3 @@ export function TeamJoinForm({ onSave, onClose }: { onSave: () => void; onClose:
     </Form>
   );
 }
-
-export default TeamJoinForm;

src/app/(main)/settings/teams/TeamLeaveButton.tsx

@@ -1,7 +1,7 @@
 import { useLocale, useLogin, useMessages, useModified } from '@/components/hooks';
 import { useRouter } from 'next/navigation';
 import { Button, Icon, Icons, Modal, ModalTrigger, Text } from 'react-basics';
-import TeamDeleteForm from './TeamLeaveForm';
+import { TeamLeaveForm } from './TeamLeaveForm';
 
 export function TeamLeaveButton({ teamId, teamName }: { teamId: string; teamName: string }) {
   const { formatMessage, labels } = useMessages();
@@ -25,7 +25,7 @@ export function TeamLeaveButton({ teamId, teamName }: { teamId: string; teamName
       </Button>
       <Modal title={formatMessage(labels.leaveTeam)}>
         {(close: () => void) => (
-          <TeamDeleteForm
+          <TeamLeaveForm
             teamId={teamId}
             userId={user.id}
             teamName={teamName}
@@ -37,5 +37,3 @@ export function TeamLeaveButton({ teamId, teamName }: { teamId: string; teamName
     </ModalTrigger>
   );
 }
-
-export default TeamLeaveButton;

src/app/(main)/settings/teams/TeamLeaveForm.tsx

@@ -1,5 +1,5 @@
 import { useApi, useMessages, useModified } from '@/components/hooks';
-import ConfirmationForm from '@/components/common/ConfirmationForm';
+import { ConfirmationForm } from '@/components/common/ConfirmationForm';
 
 export function TeamLeaveForm({
   teamId,
@@ -42,5 +42,3 @@ export function TeamLeaveForm({
     />
   );
 }
-
-export default TeamLeaveForm;

src/app/(main)/settings/teams/TeamsAddButton.tsx

@@ -1,7 +1,7 @@
 import { Button, Icon, Modal, ModalTrigger, Text, useToasts } from 'react-basics';
-import Icons from '@/components/icons';
+import { Icons } from '@/components/icons';
 import { useMessages, useModified } from '@/components/hooks';
-import TeamAddForm from './TeamAddForm';
+import { TeamAddForm } from './TeamAddForm';
 import { messages } from '@/components/messages';
 
 export function TeamsAddButton({ onSave }: { onSave?: () => void }) {
@@ -29,5 +29,3 @@ export function TeamsAddButton({ onSave }: { onSave?: () => void }) {
     </ModalTrigger>
   );
 }
-
-export default TeamsAddButton;

src/app/(main)/settings/teams/TeamsDataTable.tsx

@@ -1,5 +1,5 @@
-import DataTable from '@/components/common/DataTable';
-import TeamsTable from '@/app/(main)/settings/teams/TeamsTable';
+import { DataTable } from '@/components/common/DataTable';
+import { TeamsTable } from '@/app/(main)/settings/teams/TeamsTable';
 import { useLogin, useTeams } from '@/components/hooks';
 import { ReactNode } from 'react';
 
@@ -23,5 +23,3 @@ export function TeamsDataTable({
     </DataTable>
   );
 }
-
-export default TeamsDataTable;

src/app/(main)/settings/teams/TeamsHeader.tsx

@@ -1,9 +1,9 @@
 import { Flexbox } from 'react-basics';
-import PageHeader from '@/components/layout/PageHeader';
+import { PageHeader } from '@/components/layout/PageHeader';
 import { ROLES } from '@/lib/constants';
 import { useLogin, useMessages } from '@/components/hooks';
-import TeamsJoinButton from './TeamsJoinButton';
-import TeamsAddButton from './TeamsAddButton';
+import { TeamsJoinButton } from './TeamsJoinButton';
+import { TeamsAddButton } from './TeamsAddButton';
 
 export function TeamsHeader({ allowCreate = true }: { allowCreate?: boolean }) {
   const { formatMessage, labels } = useMessages();
@@ -19,5 +19,3 @@ export function TeamsHeader({ allowCreate = true }: { allowCreate?: boolean }) {
     </PageHeader>
   );
 }
-
-export default TeamsHeader;

src/app/(main)/settings/teams/TeamsJoinButton.tsx

@@ -1,7 +1,7 @@
 import { Button, Icon, Modal, ModalTrigger, Text, useToasts } from 'react-basics';
-import Icons from '@/components/icons';
+import { Icons } from '@/components/icons';
 import { useMessages, useModified } from '@/components/hooks';
-import TeamJoinForm from './TeamJoinForm';
+import { TeamJoinForm } from './TeamJoinForm';
 
 export function TeamsJoinButton() {
   const { formatMessage, labels, messages } = useMessages();
@@ -27,5 +27,3 @@ export function TeamsJoinButton() {
     </ModalTrigger>
   );
 }
-
-export default TeamsJoinButton;

src/app/(main)/settings/teams/TeamsSettingsPage.tsx

@@ -1,8 +1,8 @@
 'use client';
-import TeamsDataTable from './TeamsDataTable';
-import TeamsHeader from './TeamsHeader';
+import { TeamsDataTable } from './TeamsDataTable';
+import { TeamsHeader } from './TeamsHeader';
 
-export default function TeamsSettingsPage() {
+export function TeamsSettingsPage() {
   return (
     <>
       <TeamsHeader />

src/app/(main)/settings/teams/TeamsTable.tsx

@@ -1,8 +1,8 @@
 import { GridColumn, GridTable, Icon, Text } from 'react-basics';
 import { useMessages } from '@/components/hooks';
-import Icons from '@/components/icons';
+import { Icons } from '@/components/icons';
 import { ROLES } from '@/lib/constants';
-import LinkButton from '@/components/common/LinkButton';
+import { LinkButton } from '@/components/common/LinkButton';
 
 export function TeamsTable({
   data = [],
@@ -45,5 +45,3 @@ export function TeamsTable({
     </GridTable>
   );
 }
-
-export default TeamsTable;

src/app/(main)/settings/teams/WebsiteTags.tsx

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

src/app/(main)/settings/teams/page.tsx

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