feat(components): use arrow function

ui/components/theme/Provider.tsx

@@ -1,14 +1,14 @@
 'use client';
 import { ThemeProvider } from 'next-themes';
 
-export function ThemeProviderComponent({
+export const ThemeProviderComponent = ({
   children,
 }: {
   children: React.ReactNode;
-}) {
+}) => {
   return (
     <ThemeProvider attribute="class" enableSystem={false} defaultTheme="dark">
       {children}
     </ThemeProvider>
   );
-}
+};