feat: display user's posts on profile page

src/components/ThemeButton.tsx

@@ -1,16 +1,15 @@
 'use client';
 
+import { useMountedEffect } from '@/hooks';
 import { useTheme } from 'next-themes';
 import { useEffect, useState } from 'react';
 import { BsMoonStarsFill, BsSunFill } from 'react-icons/bs';
 import { ImSpinner2 } from 'react-icons/im';
 
 export default function ThemeButton() {
-  const [mounted, setMounted] = useState(false);
+  const { mounted, Loader } = useMountedEffect();
   const { theme, setTheme } = useTheme();
 
-  useEffect(() => setMounted(true), []);
-
   const isDark = theme === 'dark';
 
   return (
@@ -19,7 +18,7 @@ export default function ThemeButton() {
       onClick={() => setTheme(isDark ? 'light' : 'dark')}
     >
       {mounted === false ? (
-        <ImSpinner2 className='w-5 h-5 animate-spin' />
+        <Loader className='animate-spin w-5 h-5' />
       ) : isDark ? (
         <BsMoonStarsFill className='w-5 h-5' />
       ) : (