feat(theme-components): use default exports

ui/components/EmptyChat.tsx

@@ -1,5 +1,5 @@
 import EmptyChatMessageInput from './EmptyChatMessageInput';
-import { ThemeSwitcher } from './theme/Switcher';
+import ThemeSwitcher from './theme/Switcher';
 
 const EmptyChat = ({
   sendMessage,

ui/components/Navbar.tsx

@@ -2,7 +2,7 @@ import { Clock, Edit, Share, Trash } from 'lucide-react';
 import { Message } from './ChatWindow';
 import { useEffect, useState } from 'react';
 import { formatTimeDifference } from '@/lib/utils';
-import { ThemeSwitcher } from './theme/Switcher';
+import ThemeSwitcher from './theme/Switcher';
 
 const Navbar = ({ messages }: { messages: Message[] }) => {
   const [title, setTitle] = useState<string>('');

ui/components/Sidebar.tsx

@@ -4,11 +4,10 @@ import { cn } from '@/lib/utils';
 import { BookOpenText, Home, Search, SquarePen, Settings } from 'lucide-react';
 import Link from 'next/link';
 import { useSelectedLayoutSegments } from 'next/navigation';
-import React, { Fragment, useState, type ReactNode } from 'react';
+import React, { useState, type ReactNode } from 'react';
 import Layout from './Layout';
-import { Dialog, Transition } from '@headlessui/react';
 import SettingsDialog from './SettingsDialog';
-import { ThemeSwitcher } from './theme/Switcher';
+import ThemeSwitcher from './theme/Switcher';
 
 const VerticalIconContainer = ({ children }: { children: ReactNode }) => {
   return (

ui/components/theme/Provider.tsx

@@ -1,7 +1,7 @@
 'use client';
 import { ThemeProvider } from 'next-themes';
 
-export const ThemeProviderComponent = ({
+const ThemeProviderComponent = ({
   children,
 }: {
   children: React.ReactNode;
@@ -12,3 +12,5 @@ export const ThemeProviderComponent = ({
     </ThemeProvider>
   );
 };
+
+export default ThemeProviderComponent;

ui/components/theme/Switcher.tsx

@@ -11,7 +11,7 @@ interface ThemeSwitcherProps {
   className?: string;
 }
 
-export const ThemeSwitcher = ({ size, className }: ThemeSwitcherProps) => {
+const ThemeSwitcher = ({ size, className }: ThemeSwitcherProps) => {
   const [mounted, setMounted] = useState(false);
 
   const { theme, setTheme } = useTheme();
@@ -70,3 +70,5 @@ export const ThemeSwitcher = ({ size, className }: ThemeSwitcherProps) => {
     />
   );
 };
+
+export default ThemeSwitcher;