feat: refactor components to use named exports for better consistency

app/components/ui/social-share.tsx

@@ -40,7 +40,7 @@ const dataSocialMedia = [
   },
 ]
 
-const IconsSocial: FC<SocialMediaProperties> = ({ className }) => {
+export const IconsSocial: FC<SocialMediaProperties> = ({ className }) => {
   return (
     <div className={twMerge('flex gap-2', className)}>
       {dataSocialMedia.map(({ url, icon: Icon }, index) => (
@@ -56,5 +56,3 @@ const IconsSocial: FC<SocialMediaProperties> = ({ className }) => {
     </div>
   )
 }
-
-export default IconsSocial