.minor tweaks

src/components/Icon.tsx

@@ -1,7 +1,8 @@
+import { socials } from '@/components/data/Socials';
 import Link from 'next/link';
 import toast from 'react-hot-toast';
 import copy from 'copy-to-clipboard';
-import { socials } from '@/components/data/Socials';
+import FadeIn from 'react-fade-in';
 
 type Icon = {
   children: any;
@@ -23,6 +24,7 @@ const notify = () => {
 export const Icon = ({ children, reference, copyValue }: Icon) => {
   if (copyValue) {
     return (
+      <FadeIn>
         <Link
           href={''}
           className={`cursor-pointer`}
@@ -35,17 +37,22 @@ export const Icon = ({ children, reference, copyValue }: Icon) => {
         >
           {children}
         </Link>
+      </FadeIn>
     );
   }
 
   return (
+    <FadeIn>
       <Link
         href={reference}
         target='_blank'
         className={'cursor-pointer'}
-      aria-label={socials.find((social) => social.ref === reference)?.ariaLabel}
+        aria-label={
+          socials.find((social) => social.ref === reference)?.ariaLabel
+        }
       >
         {children}
       </Link>
+    </FadeIn>
   );
 };

src/components/SpotifyCard.tsx

@@ -1,9 +1,9 @@
 import { truncate } from '@/utils/truncate';
-import Image from 'next/image';
-import useSWR from 'swr';
-import SongImage from '@/public/song.webp';
-import Link from 'next/link';
 import { HiMusicNote } from 'react-icons/hi';
+import Image from 'next/image';
+import Link from 'next/link';
+import FadeIn from 'react-fade-in';
+import useSWR from 'swr';
 
 export const fetcher = (url: RequestInfo) => fetch(url).then((r) => r.json());
 
@@ -14,6 +14,7 @@ export const NowPlayingCard = () => {
   });
 
   return (
+    <FadeIn>
       <div className='mt-5 focus:outline-none transition duration-300 ease-in-out transform hover:scale-105 p-3 rounded-md border border-gray-800 shadow flex flex-row max-w-sm'>
         {spotify.song ? (
           <Image
@@ -38,5 +39,6 @@ export const NowPlayingCard = () => {
           </div>
         </div>
       </div>
+    </FadeIn>
   );
 };