perf(icons): update imports from phosphor-react to use `@phosphor-i…

…cons/react`

improved performance and a significantly smaller bundle size

src/App.tsx

@@ -9,7 +9,7 @@ import {
   Briefcase as BriefcaseIcon,
   Heart as HeartIcon,
   UserList as UserListIcon,
-} from 'phosphor-react';
+} from '@phosphor-icons/react';
 import { useEffect } from 'react';
 import { ExternalLink } from './components/ExternalLink';
 import { Footer } from './components/Footer';

src/components/Header/index.tsx

@@ -1,6 +1,6 @@
 import imgLogo from '@/assets/imgs/logo.svg';
 import { SendMeAnEmail } from '@/components/SendMeAnEmail';
-import { Folders, IdentificationCard } from 'phosphor-react';
+import { Folders, IdentificationCard } from '@phosphor-icons/react';
 
 type THeaderProps = React.HTMLAttributes<HTMLElement>;
 

src/components/MySocials/index.tsx

@@ -1,7 +1,7 @@
 import GitHubLogo from '@/assets/icons/GitHub';
 import aboutMe from '@/data/aboutMe.json';
 import { classNames } from '@/utils/index';
-import { FileText, LinkedinLogo } from 'phosphor-react';
+import { FileText, LinkedinLogo } from '@phosphor-icons/react';
 import { ExternalLink } from '../ExternalLink';
 
 type TMySocialsProps = React.HTMLAttributes<HTMLDivElement>;

src/components/ProjectCard/index.tsx

@@ -1,5 +1,5 @@
 import GitHubIcon from '@/assets/icons/GitHub';
-import { Broadcast as BroadcastIcon } from 'phosphor-react';
+import { Broadcast as BroadcastIcon } from '@phosphor-icons/react';
 import { ExternalLink } from '../ExternalLink';
 import { classNames } from '@/utils';
 

src/components/SendMeAnEmail/index.tsx

@@ -1,5 +1,5 @@
 import { sendEmail } from '@/utils';
-import { EnvelopeSimple } from 'phosphor-react';
+import { EnvelopeSimple } from '@phosphor-icons/react';
 
 export const draftEmail = {
   subject: 'Olá, Alberto! Acabo de ver seu portfólio, vamos conversar?',

src/components/ToTop/index.tsx

@@ -1,5 +1,5 @@
 import { classNames, scrollWindowToTop } from '@/utils';
-import { ArrowUp as ArrowUpIcon } from 'phosphor-react';
+import { ArrowUp as ArrowUpIcon } from '@phosphor-icons/react';
 import { useEffect, useState } from 'react';
 
 type TToTopProps = React.ButtonHTMLAttributes<HTMLButtonElement>;