...

src/app/(features)/alphabet/AlphabetCard.tsx

@@ -4,7 +4,7 @@ import { useState, useEffect, useCallback } from "react";
 import { useTranslations } from "next-intl";
 import { Letter, SupportedAlphabets } from "@/lib/interfaces";
 import { IconClick } from "@/components/ui/buttons";
-import IMAGES from "@/config/images";
+import { IMAGES } from "@/config/images";
 import { ChevronLeft, ChevronRight } from "lucide-react";
 
 interface AlphabetCardProps {
@@ -13,7 +13,7 @@ interface AlphabetCardProps {
   onBack: () => void;
 }
 
-export default function AlphabetCard({ alphabet, alphabetType, onBack }: AlphabetCardProps) {
+export function AlphabetCard({ alphabet, alphabetType, onBack }: AlphabetCardProps) {
   const t = useTranslations("alphabet");
   const [currentIndex, setCurrentIndex] = useState(0);
   const [showIPA, setShowIPA] = useState(true);

src/app/(features)/alphabet/MemoryCard.tsx

@@ -1,6 +1,6 @@
 import { LightButton } from "@/components/ui/buttons";
 import { IconClick } from "@/components/ui/buttons";
-import IMAGES from "@/config/images";
+import { IMAGES } from "@/config/images";
 import { Letter, SupportedAlphabets } from "@/lib/interfaces";
 import {
   Dispatch,
@@ -12,7 +12,7 @@ import {
 } from "react";
 import { useTranslations } from "next-intl";
 
-export default function MemoryCard({
+export function MemoryCard({
   alphabet,
   setChosenAlphabet,
 }: {

src/app/(features)/alphabet/page.tsx

@@ -3,9 +3,9 @@
 import { useState, useEffect } from "react";
 import { useTranslations } from "next-intl";
 import { Letter, SupportedAlphabets } from "@/lib/interfaces";
-import Container from "@/components/ui/Container";
+import { Container } from "@/components/ui/Container";
 import { LightButton } from "@/components/ui/buttons";
-import AlphabetCard from "./AlphabetCard";
+import { AlphabetCard } from "./AlphabetCard";
 
 export default function Alphabet() {
   const t = useTranslations("alphabet");

src/app/(features)/dictionary/DictionaryEntry.tsx

@@ -1,4 +1,4 @@
-import { TSharedEntry } from "@/shared";
+import { TSharedEntry } from "@/shared/dictionary-type";
 
 interface DictionaryEntryProps {
     entry: TSharedEntry;

src/app/(features)/dictionary/SearchResult.tsx

@@ -4,9 +4,9 @@ import { authClient } from "@/lib/auth-client";
 import { DictionaryEntry } from "./DictionaryEntry";
 import { useTranslations } from "next-intl";
 import { performDictionaryLookup } from "./utils";
-import { TSharedItem } from "@/shared";
+import { TSharedItem } from "@/shared/dictionary-type";
 import { TSharedFolder } from "@/shared/folder-type";
-import { actionCreatePair } from "@/modules/folder";
+import { actionCreatePair } from "@/modules/folder/folder-aciton";
 
 interface SearchResultProps {
     searchResult: TSharedItem;

src/app/(features)/dictionary/page.tsx

@@ -1,15 +1,15 @@
 "use client";
 
 import { useState, useEffect } from "react";
-import Container from "@/components/ui/Container";
+import { Container } from "@/components/ui/Container";
 import { authClient } from "@/lib/auth-client";
 import { SearchForm } from "./SearchForm";
 import { SearchResult } from "./SearchResult";
 import { useTranslations } from "next-intl";
 import { POPULAR_LANGUAGES } from "./constants";
 import { performDictionaryLookup } from "./utils";
-import { TSharedItem } from "@/shared";
-import { actionGetFoldersByUserId } from "@/modules/folder";
+import { TSharedItem } from "@/shared/dictionary-type";
+import { actionGetFoldersByUserId } from "@/modules/folder/folder-aciton";
 import { TSharedFolder } from "@/shared/folder-type";
 import { toast } from "sonner";
 

src/app/(features)/dictionary/utils.ts

@@ -1,7 +1,7 @@
 import { toast } from "sonner";
 import { actionLookUpDictionary } from "@/modules/dictionary/dictionary-action";
-import { ActionInputLookUpDictionary, ActionOutputLookUpDictionary } from "@/modules/dictionary";
-import { TSharedItem } from "@/shared";
+import { ActionInputLookUpDictionary, ActionOutputLookUpDictionary } from "@/modules/dictionary/dictionary-action-dto";
+import { TSharedItem } from "@/shared/dictionary-type";
 
 export async function performDictionaryLookup(
     options: ActionInputLookUpDictionary,

src/app/(features)/memorize/FolderSelector.tsx

@@ -93,4 +93,4 @@ const FolderSelector: React.FC<FolderSelectorProps> = ({ folders }) => {
   );
 };
 
-export default FolderSelector;
+export { FolderSelector };

src/app/(features)/memorize/Memorize.tsx

@@ -208,4 +208,4 @@ const Memorize: React.FC<MemorizeProps> = ({ textPairs }) => {
   );
 };
 
-export default Memorize;
+export { Memorize };

src/app/(features)/memorize/page.tsx

@@ -1,11 +1,11 @@
 import { redirect } from "next/navigation";
 import { getTranslations } from "next-intl/server";
 import { isNonNegativeInteger } from "@/utils/random";
-import FolderSelector from "./FolderSelector";
-import Memorize from "./Memorize";
+import { FolderSelector } from "./FolderSelector";
+import { Memorize } from "./Memorize";
 import { auth } from "@/auth";
 import { headers } from "next/headers";
-import { actionGetFoldersWithTotalPairsByUserId, actionGetPairsByFolderId } from "@/modules/folder";
+import { actionGetFoldersWithTotalPairsByUserId, actionGetPairsByFolderId } from "@/modules/folder/folder-aciton";
 
 export default async function MemorizePage({
   searchParams,

src/app/(features)/srt-player/VideoPlayer/SubtitleDisplay.tsx

@@ -1,4 +1,4 @@
-export default function SubtitleDisplay({ subtitle }: { subtitle: string }) {
+export function SubtitleDisplay({ subtitle }: { subtitle: string }) {
   const words = subtitle.match(/\b[\w']+(?:-[\w']+)*\b/g) || [];
   let i = 0;
   return (

src/app/(features)/srt-player/VideoPlayer/VideoPanel.tsx

@@ -1,5 +1,5 @@
 import { useState, useRef, forwardRef, useEffect, useCallback } from "react";
-import SubtitleDisplay from "./SubtitleDisplay";
+import { SubtitleDisplay } from "./SubtitleDisplay";
 import { LightButton } from "@/components/ui/buttons";
 import { getIndex, parseSrt, getNearistIndex } from "../subtitle";
 import { useTranslations } from "next-intl";
@@ -213,4 +213,4 @@ const VideoPanel = forwardRef<HTMLVideoElement, VideoPanelProps>(
 
 VideoPanel.displayName = "VideoPanel";
 
-export default VideoPanel;
+export { VideoPanel };

src/app/(features)/srt-player/components/atoms/FileInput.tsx

@@ -7,7 +7,7 @@ interface FileInputComponentProps extends FileInputProps {
   children: React.ReactNode;
 }
 
-export default function FileInput({ accept, onFileSelect, disabled, className, children }: FileInputComponentProps) {
+export function FileInput({ accept, onFileSelect, disabled, className, children }: FileInputComponentProps) {
   const inputRef = useRef<HTMLInputElement>(null);
 
   const handleClick = React.useCallback(() => {

src/app/(features)/srt-player/components/atoms/PlayButton.tsx

@@ -5,7 +5,7 @@ import { useTranslations } from "next-intl";
 import { LightButton } from "@/components/ui/buttons";
 import { PlayButtonProps } from "../../types/player";
 
-export default function PlayButton({ isPlaying, onToggle, disabled, className }: PlayButtonProps) {
+export function PlayButton({ isPlaying, onToggle, disabled, className }: PlayButtonProps) {
   const t = useTranslations("srt_player");
   
   return (

src/app/(features)/srt-player/components/atoms/SeekBar.tsx

@@ -3,7 +3,7 @@
 import React from "react";
 import { SeekBarProps } from "../../types/player";
 
-export default function SeekBar({ value, max, onChange, disabled, className }: SeekBarProps) {
+export function SeekBar({ value, max, onChange, disabled, className }: SeekBarProps) {
   const handleChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {
     const newValue = parseInt(event.target.value);
     onChange(newValue);

src/app/(features)/srt-player/components/atoms/SpeedControl.tsx

@@ -5,7 +5,7 @@ import { LightButton } from "@/components/ui/buttons";
 import { SpeedControlProps } from "../../types/player";
 import { getPlaybackRateOptions, getPlaybackRateLabel } from "../../utils/timeUtils";
 
-export default function SpeedControl({ playbackRate, onPlaybackRateChange, disabled, className }: SpeedControlProps) {
+export function SpeedControl({ playbackRate, onPlaybackRateChange, disabled, className }: SpeedControlProps) {
   const speedOptions = getPlaybackRateOptions();
   
   const handleSpeedChange = React.useCallback(() => {

src/app/(features)/srt-player/components/atoms/SubtitleText.tsx

@@ -3,7 +3,7 @@
 import React from "react";
 import { SubtitleTextProps } from "../../types/subtitle";
 
-export default function SubtitleText({ text, onWordClick, style, className }: SubtitleTextProps) {
+export function SubtitleText({ text, onWordClick, style, className }: SubtitleTextProps) {
   const handleWordClick = React.useCallback((word: string) => {
     onWordClick?.(word);
   }, [onWordClick]);

src/app/(features)/srt-player/components/atoms/VideoElement.tsx

@@ -46,4 +46,4 @@ const VideoElement = forwardRef<HTMLVideoElement, VideoElementProps>(
 
 VideoElement.displayName = "VideoElement";
 
-export default VideoElement;
+export { VideoElement };

src/app/(features)/srt-player/components/compounds/ControlBar.tsx

@@ -5,10 +5,10 @@ import { useTranslations } from "next-intl";
 import { ChevronLeft, ChevronRight, RotateCcw, Pause } from "lucide-react";
 import { LightButton } from "@/components/ui/buttons";
 import { ControlBarProps } from "../../types/controls";
-import PlayButton from "../atoms/PlayButton";
-import SpeedControl from "../atoms/SpeedControl";
+import { PlayButton } from "../atoms/PlayButton";
+import { SpeedControl } from "../atoms/SpeedControl";
 
-export default function ControlBar({
+export function ControlBar({
   isPlaying,
   onPlayPause,
   onPrevious,

src/app/(features)/srt-player/components/compounds/SubtitleArea.tsx

@@ -2,9 +2,9 @@
 
 import React from "react";
 import { SubtitleDisplayProps } from "../../types/subtitle";
-import SubtitleText from "../atoms/SubtitleText";
+import { SubtitleText } from "../atoms/SubtitleText";
 
-export default function SubtitleArea({ subtitle, onWordClick, settings, className }: SubtitleDisplayProps) {
+export function SubtitleArea({ subtitle, onWordClick, settings, className }: SubtitleDisplayProps) {
   const handleWordClick = React.useCallback((word: string) => {
     // 打开有道词典页面查询单词
     window.open(

src/app/(features)/srt-player/components/compounds/UploadZone.tsx

@@ -8,7 +8,7 @@ import { LightButton } from "@/components/ui/buttons";
 import { FileUploadProps } from "../../types/controls";
 import { useFileUpload } from "../../hooks/useFileUpload";
 
-export default function UploadZone({ onVideoUpload, onSubtitleUpload, className }: FileUploadProps) {
+export function UploadZone({ onVideoUpload, onSubtitleUpload, className }: FileUploadProps) {
   const t = useTranslations("srt_player");
   const { uploadVideo, uploadSubtitle } = useFileUpload();
 

src/app/(features)/srt-player/components/compounds/VideoPlayer.tsx

@@ -2,7 +2,7 @@
 
 import React, { forwardRef } from "react";
 import { VideoElementProps } from "../../types/player";
-import VideoElement from "../atoms/VideoElement";
+import { VideoElement } from "../atoms/VideoElement";
 
 interface VideoPlayerComponentProps extends VideoElementProps {
   children?: React.ReactNode;
@@ -38,4 +38,4 @@ const VideoPlayer = forwardRef<HTMLVideoElement, VideoPlayerComponentProps>(
 
 VideoPlayer.displayName = "VideoPlayer";
 
-export default VideoPlayer;
+export { VideoPlayer };

src/app/(features)/srt-player/page.tsx

@@ -9,11 +9,11 @@ import { useSubtitleSync } from "./hooks/useSubtitleSync";
 import { useKeyboardShortcuts, createSrtPlayerShortcuts } from "./hooks/useKeyboardShortcuts";
 import { useFileUpload } from "./hooks/useFileUpload";
 import { loadSubtitle } from "./utils/subtitleParser";
-import VideoPlayer from "./components/compounds/VideoPlayer";
-import SubtitleArea from "./components/compounds/SubtitleArea";
-import ControlBar from "./components/compounds/ControlBar";
-import UploadZone from "./components/compounds/UploadZone";
-import SeekBar from "./components/atoms/SeekBar";
+import { VideoPlayer } from "./components/compounds/VideoPlayer";
+import { SubtitleArea } from "./components/compounds/SubtitleArea";
+import { ControlBar } from "./components/compounds/ControlBar";
+import { UploadZone } from "./components/compounds/UploadZone";
+import { SeekBar } from "./components/atoms/SeekBar";
 import { LightButton } from "@/components/ui/buttons";
 
 export default function SrtPlayerPage() {

src/app/(features)/text-speaker/SaveList.tsx

@@ -7,7 +7,7 @@ import {
   TextSpeakerItemSchema,
 } from "@/lib/interfaces";
 import { IconClick } from "@/components/ui/buttons";
-import IMAGES from "@/config/images";
+import { IMAGES } from "@/config/images";
 import { useTranslations } from "next-intl";
 import { getLocalStorageOperator } from "@/lib/browser/localStorageOperators";
 
@@ -50,7 +50,7 @@ interface SaveListProps {
   show?: boolean;
   handleUse: (item: z.infer<typeof TextSpeakerItemSchema>) => void;
 }
-export default function SaveList({ show = false, handleUse }: SaveListProps) {
+export function SaveList({ show = false, handleUse }: SaveListProps) {
   const t = useTranslations("text_speaker");
   const { get: getFromLocalStorage, set: setIntoLocalStorage } =
     getLocalStorageOperator<typeof TextSpeakerArraySchema>(

src/app/(features)/text-speaker/page.tsx

@@ -2,7 +2,7 @@
 
 import { LightButton } from "@/components/ui/buttons";
 import { IconClick } from "@/components/ui/buttons";
-import IMAGES from "@/config/images";
+import { IMAGES } from "@/config/images";
 import { useAudioPlayer } from "@/hooks/useAudioPlayer";
 import {
   TextSpeakerArraySchema,
@@ -10,13 +10,13 @@ import {
 } from "@/lib/interfaces";
 import { ChangeEvent, useEffect, useRef, useState } from "react";
 import z from "zod";
-import SaveList from "./SaveList";
+import { SaveList } from "./SaveList";
 
 import { useTranslations } from "next-intl";
 import { getLocalStorageOperator } from "@/lib/browser/localStorageOperators";
 import { genIPA, genLanguage } from "@/modules/translator/translator-action";
 import { logger } from "@/lib/logger";
-import PageLayout from "@/components/ui/PageLayout";
+import { PageLayout } from "@/components/ui/PageLayout";
 import { getTTSUrl, TTS_SUPPORTED_LANGUAGES } from "@/lib/bigmodel/tts";
 
 export default function TextSpeakerPage() {

src/app/(features)/translator/page.tsx

@@ -2,14 +2,14 @@
 
 import { LightButton } from "@/components/ui/buttons";
 import { IconClick } from "@/components/ui/buttons";
-import IMAGES from "@/config/images";
+import { IMAGES } from "@/config/images";
 import { useAudioPlayer } from "@/hooks/useAudioPlayer";
 import { useTranslations } from "next-intl";
 import { useRef, useState } from "react";
-import { actionTranslateText } from "@/modules/translator";
+import { actionTranslateText } from "@/modules/translator/translator-action";
 import { toast } from "sonner";
 import { getTTSUrl, TTS_SUPPORTED_LANGUAGES } from "@/lib/bigmodel/tts";
-import { TSharedTranslationResult } from "@/shared";
+import { TSharedTranslationResult } from "@/shared/translator-type";
 
 export default function TranslatorPage() {
   const t = useTranslations("translator");

src/app/auth/AuthForm.tsx

@@ -2,17 +2,17 @@
 
 import { useState, useActionState, startTransition } from "react";
 import { useTranslations } from "next-intl";
-import Container from "@/components/ui/Container";
-import Input from "@/components/ui/Input";
+import { Container } from "@/components/ui/Container";
+import { Input } from "@/components/ui/Input";
 import { LightButton } from "@/components/ui/buttons";
 import { authClient } from "@/lib/auth-client";
-import { signInAction, signUpAction, SignUpState } from "@/modules/auth";
+import { signInAction, signUpAction, SignUpState } from "@/modules/auth/auth-action";
 
 interface AuthFormProps {
   redirectTo?: string;
 }
 
-export default function AuthForm({ redirectTo }: AuthFormProps) {
+export function AuthForm({ redirectTo }: AuthFormProps) {
   const t = useTranslations("auth");
   const [mode, setMode] = useState<'signin' | 'signup'>('signin');
   const [clearSignIn, setClearSignIn] = useState(false);

src/app/auth/page.tsx

@@ -1,7 +1,7 @@
 import { auth } from "@/auth";
 import { headers } from "next/headers";
 import { redirect } from "next/navigation";
-import AuthForm from "./AuthForm";
+import { AuthForm } from "./AuthForm";
 
 export default async function AuthPage(
     props: {

src/app/folders/FoldersClient.tsx

@@ -11,10 +11,10 @@ import { useEffect, useState } from "react";
 import { useRouter } from "next/navigation";
 import { useTranslations } from "next-intl";
 import { toast } from "sonner";
-import PageLayout from "@/components/ui/PageLayout";
-import PageHeader from "@/components/ui/PageHeader";
-import CardList from "@/components/ui/CardList";
-import { actionCreateFolder, actionDeleteFolderById, actionGetFoldersWithTotalPairsByUserId, actionRenameFolderById } from "@/modules/folder";
+import { PageLayout } from "@/components/ui/PageLayout";
+import { PageHeader } from "@/components/ui/PageHeader";
+import { CardList } from "@/components/ui/CardList";
+import { actionCreateFolder, actionDeleteFolderById, actionGetFoldersWithTotalPairsByUserId, actionRenameFolderById } from "@/modules/folder/folder-aciton";
 import { TSharedFolderWithTotalPairs } from "@/shared/folder-type";
 
 interface FolderProps {
@@ -97,7 +97,7 @@ const FolderCard = ({ folder, refresh }: FolderProps) => {
   );
 };
 
-export default function FoldersClient({ userId }: { userId: string; }) {
+export function FoldersClient({ userId }: { userId: string; }) {
   const t = useTranslations("folders");
   const [folders, setFolders] = useState<TSharedFolderWithTotalPairs[]>(
     [],

src/app/folders/[folder_id]/AddTextPairModal.tsx

@@ -1,5 +1,5 @@
 import { LightButton } from "@/components/ui/buttons";
-import Input from "@/components/ui/Input";
+import { Input } from "@/components/ui/Input";
 import { LocaleSelector } from "@/components/ui/LocaleSelector";
 import { X } from "lucide-react";
 import { useRef, useState } from "react";
@@ -16,7 +16,7 @@ interface AddTextPairModalProps {
   ) => void;
 }
 
-export default function AddTextPairModal({
+export function AddTextPairModal({
   isOpen,
   onClose,
   onAdd,

src/app/folders/[folder_id]/InFolder.tsx

@@ -3,19 +3,19 @@
 import { ArrowLeft, Plus } from "lucide-react";
 import { useEffect, useState } from "react";
 import { redirect, useRouter } from "next/navigation";
-import AddTextPairModal from "./AddTextPairModal";
-import TextPairCard from "./TextPairCard";
+import { AddTextPairModal } from "./AddTextPairModal";
+import { TextPairCard } from "./TextPairCard";
 import { useTranslations } from "next-intl";
-import PageLayout from "@/components/ui/PageLayout";
+import { PageLayout } from "@/components/ui/PageLayout";
 import { GreenButton } from "@/components/ui/buttons";
 import { IconButton } from "@/components/ui/buttons";
-import CardList from "@/components/ui/CardList";
-import { actionCreatePair, actionDeletePairById, actionGetPairsByFolderId } from "@/modules/folder";
+import { CardList } from "@/components/ui/CardList";
+import { actionCreatePair, actionDeletePairById, actionGetPairsByFolderId } from "@/modules/folder/folder-aciton";
 import { TSharedPair } from "@/shared/folder-type";
 import { toast } from "sonner";
 
 
-export default function InFolder({ folderId }: { folderId: number; }) {
+export function InFolder({ folderId }: { folderId: number; }) {
   const [textPairs, setTextPairs] = useState<TSharedPair[]>([]);
   const [loading, setLoading] = useState(true);
   const [openAddModal, setAddModal] = useState(false);

src/app/folders/[folder_id]/TextPairCard.tsx

@@ -1,9 +1,10 @@
 import { Edit, Trash2 } from "lucide-react";
 import { useState } from "react";
-import UpdateTextPairModal from "./UpdateTextPairModal";
+import { UpdateTextPairModal } from "./UpdateTextPairModal";
 import { useTranslations } from "next-intl";
 import { TSharedPair } from "@/shared/folder-type";
-import { actionUpdatePairById, ActionInputUpdatePairById } from "@/modules/folder";
+import { actionUpdatePairById } from "@/modules/folder/folder-aciton";
+import { ActionInputUpdatePairById } from "@/modules/folder/folder-action-dto";
 import { toast } from "sonner";
 
 interface TextPairCardProps {
@@ -12,7 +13,7 @@ interface TextPairCardProps {
   refreshTextPairs: () => void;
 }
 
-export default function TextPairCard({
+export function TextPairCard({
   textPair,
   onDel,
   refreshTextPairs,

src/app/folders/[folder_id]/UpdateTextPairModal.tsx

@@ -1,11 +1,11 @@
 import { LightButton } from "@/components/ui/buttons";
-import Input from "@/components/ui/Input";
+import { Input } from "@/components/ui/Input";
 import { LocaleSelector } from "@/components/ui/LocaleSelector";
 import { X } from "lucide-react";
 import { useRef, useState } from "react";
 import { useTranslations } from "next-intl";
 import { TSharedPair } from "@/shared/folder-type";
-import { ActionInputUpdatePairById } from "@/modules/folder";
+import { ActionInputUpdatePairById } from "@/modules/folder/folder-action-dto";
 
 interface UpdateTextPairModalProps {
   isOpen: boolean;
@@ -14,7 +14,7 @@ interface UpdateTextPairModalProps {
   onUpdate: (id: number, tp: ActionInputUpdatePairById) => void;
 }
 
-export default function UpdateTextPairModal({
+export function UpdateTextPairModal({
   isOpen,
   onClose,
   onUpdate,

src/app/folders/[folder_id]/page.tsx

@@ -1,9 +1,9 @@
 import { redirect } from "next/navigation";
 import { getTranslations } from "next-intl/server";
-import InFolder from "./InFolder";
+import { InFolder } from "./InFolder";
 import { auth } from "@/auth";
 import { headers } from "next/headers";
-import { actionGetUserIdByFolderId } from "@/modules/folder";
+import { actionGetUserIdByFolderId } from "@/modules/folder/folder-aciton";
 export default async function FoldersPage({
   params,
 }: {

src/app/folders/page.tsx

@@ -1,5 +1,5 @@
 import { auth } from "@/auth";
-import FoldersClient from "./FoldersClient";
+import { FoldersClient } from "./FoldersClient";
 import { redirect } from "next/navigation";
 import { headers } from "next/headers";
 

src/app/profile/LogoutButton.tsx

@@ -5,7 +5,7 @@ import { authClient } from "@/lib/auth-client";
 import { useTranslations } from "next-intl";
 import { useRouter } from "next/navigation";
 
-export default function LogoutButton() {
+export function LogoutButton() {
     const t = useTranslations("profile");
     const router = useRouter();
     return <LightButton onClick={async () => {

src/app/profile/page.tsx

@@ -1,11 +1,11 @@
 import Image from "next/image";
-import PageLayout from "@/components/ui/PageLayout";
-import PageHeader from "@/components/ui/PageHeader";
+import { PageLayout } from "@/components/ui/PageLayout";
+import { PageHeader } from "@/components/ui/PageHeader";
 import { auth } from "@/auth";
 import { getTranslations } from "next-intl/server";
 import { redirect } from "next/navigation";
 import { headers } from "next/headers";
-import LogoutButton from "./LogoutButton";
+import { LogoutButton } from "./LogoutButton";
 
 export default async function ProfilePage() {
   const t = await getTranslations("profile");