fix(ui): add size="1em" property in all phosphor-icons components

src/app/about/sections/about-me.tsx

@@ -28,7 +28,7 @@ export function AboutMe() {
             target="_blank"
             href="/assets/cv-mateus-felipe.pdf"
           >
-            Download CV <DownloadSimple />
+            Download CV <DownloadSimple size="1em" />
           </a>
         </div>
       </div>

src/app/about/sections/contact.tsx

@@ -16,49 +16,49 @@ export function Contact() {
       <div className="flex-1">
         <div className="contact-line contact-line-title">
           <span className="rounded bg-neutral-900 bg-opacity-10 p-1 dark:bg-neutral-100 dark:bg-opacity-10">
-            <Envelope weight="duotone" />
+            <Envelope size="1em" weight="duotone" />
           </span>
           <span>Email</span>
         </div>
         <div className="contact-line contact-line-title text-[#181717] dark:text-[#E6EDF3]">
           <span className="rounded bg-[#181717] bg-opacity-10 p-1 dark:bg-[#E6EDF3] dark:bg-opacity-10">
-            <GithubLogo weight="duotone" />
+            <GithubLogo size="1em" weight="duotone" />
           </span>
           <span>Github</span>
         </div>
         <div className="contact-line contact-line-title text-[#0A66C2]">
           <span className="rounded bg-[#0A66C2] bg-opacity-10 p-1 ">
-            <LinkedinLogo weight="duotone" />
+            <LinkedinLogo size="1em" weight="duotone" />
           </span>
           <span>Linkedin</span>
         </div>
         <div className="contact-line contact-line-title text-[#F58025]">
           <span className="rounded bg-[#F58025] bg-opacity-10 p-1">
-            <StackOverflowLogo weight="duotone" />
+            <StackOverflowLogo size="1em" weight="duotone" />
           </span>
           <span>Stack Overflow</span>
         </div>
         <div className="contact-line contact-line-title text-[#181717] dark:text-[#E6EDF3]">
           <span className="rounded bg-[#181717] bg-opacity-10 p-1 dark:bg-[#E6EDF3] dark:bg-opacity-10">
-            <CodepenLogo weight="duotone" />
+            <CodepenLogo size="1em" weight="duotone" />
           </span>
           <span>Codepen</span>
         </div>
         <div className="contact-line contact-line-title text-[#FF4500]">
           <span className="rounded bg-[#FF4500] bg-opacity-10 p-1">
-            <RedditLogo weight="duotone" />
+            <RedditLogo size="1em" weight="duotone" />
           </span>
           <span>Reddit</span>
         </div>
         <div className="contact-line contact-line-title text-[#1D9BF0]">
           <span className="rounded bg-[#1D9BF0] bg-opacity-10 p-1">
-            <TwitterLogo weight="duotone" />
+            <TwitterLogo size="1em" weight="duotone" />
           </span>
           <span>Twitter</span>
         </div>
         <div className="contact-line contact-line-title text-[#E4405F]">
           <span className="rounded bg-[#E4405F] bg-opacity-10 p-1">
-            <InstagramLogo weight="duotone" />
+            <InstagramLogo size="1em" weight="duotone" />
           </span>
           <span>Instagram</span>
         </div>
@@ -82,7 +82,7 @@ export function Contact() {
             rel="external"
           >
             <span className="leading-none">Send e-mail</span>
-            <ArrowUpRight className="text-sm" />
+            <ArrowUpRight size="1em" className="text-sm" />
           </a>
         </div>
         <div className="contact-line">
@@ -93,7 +93,7 @@ export function Contact() {
             rel="external"
           >
             <span className="leading-none">Open profile</span>
-            <ArrowUpRight className="text-sm" />
+            <ArrowUpRight size="1em" className="text-sm" />
           </a>
         </div>
         <div className="contact-line">
@@ -104,7 +104,7 @@ export function Contact() {
             rel="external"
           >
             <span className="leading-none">Open profile</span>
-            <ArrowUpRight className="text-sm" />
+            <ArrowUpRight size="1em" className="text-sm" />
           </a>
         </div>
         <div className="contact-line">
@@ -115,7 +115,7 @@ export function Contact() {
             rel="external"
           >
             <span className="leading-none">Open summary</span>
-            <ArrowUpRight className="text-sm" />
+            <ArrowUpRight size="1em" className="text-sm" />
           </a>
         </div>
         <div className="contact-line">
@@ -126,7 +126,7 @@ export function Contact() {
             rel="external"
           >
             <span className="leading-none">View pens</span>
-            <ArrowUpRight className="text-sm" />
+            <ArrowUpRight size="1em" className="text-sm" />
           </a>
         </div>
         <div className="contact-line">
@@ -137,7 +137,7 @@ export function Contact() {
             rel="external"
           >
             <span className="leading-none">See comments</span>
-            <ArrowUpRight className="text-sm" />
+            <ArrowUpRight size="1em" className="text-sm" />
           </a>
         </div>
         <div className="contact-line">
@@ -148,7 +148,7 @@ export function Contact() {
             rel="external"
           >
             <span className="leading-none">See tweets</span>
-            <ArrowUpRight className="text-sm" />
+            <ArrowUpRight size="1em" className="text-sm" />
           </a>
         </div>
         <div className="contact-line">
@@ -159,7 +159,7 @@ export function Contact() {
             rel="external"
           >
             <span className="leading-none">Open profile</span>
-            <ArrowUpRight className="text-sm" />
+            <ArrowUpRight size="1em" className="text-sm" />
           </a>
         </div>
       </div>

src/app/about/sections/knowledge/accordion.tsx

@@ -39,6 +39,7 @@ export const AccordionTrigger = React.forwardRef(
       >
         {children}
         <CaretDown
+          size="1em"
           className="transition-transform duration-300 ease-[cubic-bezier(0.87,_0,_0.13,_1)] group-data-[state=open]:rotate-180"
           aria-hidden
         />

src/app/about/sections/knowledge/index.tsx

@@ -23,7 +23,7 @@ export function Knowledge() {
         <AccordionItem value="Skill captions">
           <AccordionTrigger>
             <span className="flex items-center gap-3">
-              <ClosedCaptioning />
+              <ClosedCaptioning size="1em" />
               <span>Skill captions</span>
             </span>
           </AccordionTrigger>

src/app/about/sections/statistics/cards/github-followers.tsx

@@ -17,7 +17,7 @@ export async function GithubFollowers() {
     <>
       <Card
         title="Github Followers"
-        icon={<GithubLogo weight="duotone" />}
+        icon={<GithubLogo size="1em" weight="duotone" />}
         content={
           <div className="flex items-center gap-2">
             <div className="flex flex-row-reverse justify-end">

src/app/about/sections/statistics/cards/github-stars.tsx

@@ -12,7 +12,7 @@ export async function GithubStars() {
   return (
     <Card
       title="Github Stars"
-      icon={<GithubLogo weight="duotone" />}
+      icon={<GithubLogo size="1em" weight="duotone" />}
       content={String(stars)}
     />
   )

src/app/about/sections/statistics/cards/last-track.tsx

@@ -13,7 +13,7 @@ export async function LastTrack() {
   return (
     <Card
       title="Last Played"
-      icon={<SpotifyLogo weight="duotone" />}
+      icon={<SpotifyLogo size="1em" weight="duotone" />}
       content={
         <a
           href={lastTrack.url}

src/app/about/sections/statistics/cards/spotify-plays.tsx

@@ -9,7 +9,7 @@ export async function SpotifyPlays() {
   return (
     <Card
       title="Spotify Plays"
-      icon={<SpotifyLogo weight="duotone" />}
+      icon={<SpotifyLogo size="1em" weight="duotone" />}
       content={playcount}
     />
   )

src/app/about/sections/statistics/cards/top-artist.tsx

@@ -10,7 +10,7 @@ export async function TopArtist() {
   return (
     <Card
       title="Top Artist"
-      icon={<SpotifyLogo weight="duotone" />}
+      icon={<SpotifyLogo size="1em" weight="duotone" />}
       content={
         <a
           href={mostListened.url}

src/app/about/sections/statistics/index.tsx

@@ -31,7 +31,7 @@ export function StatisticsGrid() {
               className="inline-flex items-end leading-none text-neutral-500 transition-colors hover:text-black dark:text-neutral-600 dark:hover:text-white"
             >
               <span>See more</span>
-              <ArrowUpRight className="text-xs" />
+              <ArrowUpRight size="1em" className="text-xs" />
             </Link>
           </div>
         </div>

src/app/about/statistics/components/github-dashboard/cards/commits.tsx

@@ -8,7 +8,7 @@ export async function Commits() {
     <div className="flex h-full w-full flex-col justify-center gap-3 rounded-3xl bg-neutral-200 p-4 leading-none dark:bg-neutral-950 md:p-7">
       <span className="inline-flex items-center gap-2 text-neutral-600">
         <span>Commits</span>
-        <GitCommit weight="duotone" />
+        <GitCommit size="1em" weight="duotone" />
       </span>
       <div className="flex h-full items-center text-2xl">{total_count}</div>
     </div>

src/app/about/statistics/components/github-dashboard/cards/followers.tsx

@@ -17,7 +17,7 @@ export async function Followers() {
     <div className="flex h-full w-full flex-col justify-between gap-2 rounded-3xl bg-neutral-200 p-4 leading-none dark:bg-neutral-950 md:p-7">
       <span className="inline-flex items-center gap-2 text-neutral-600">
         <span>Followers</span>
-        <Heart weight="duotone" />
+        <Heart size="1em" weight="duotone" />
       </span>
       <span className="text-xl">
         <div className="grid grid-cols-12 gap-1">

src/app/about/statistics/components/github-dashboard/cards/graph.tsx

@@ -7,7 +7,7 @@ export function Graph() {
     <div className="flex h-full w-full flex-col justify-center gap-3 rounded-3xl bg-neutral-200 p-4 leading-none dark:bg-neutral-950 md:p-7">
       <span className="inline-flex items-center gap-2 text-neutral-600">
         <span>Contribution Graph</span>
-        <CalendarBlank weight="duotone" />
+        <CalendarBlank size="1em" weight="duotone" />
       </span>
       <div className="flex items-center">
         <Image

src/app/about/statistics/components/github-dashboard/cards/languages.tsx

@@ -14,7 +14,7 @@ export async function Languages() {
     <div className="flex h-full w-full flex-col justify-center gap-3 rounded-3xl bg-neutral-200 p-4 leading-none dark:bg-neutral-950 md:p-7">
       <span className="inline-flex items-center gap-2 text-neutral-600">
         <span>Languages</span>
-        <Code weight="duotone" />
+        <Code size="1em" weight="duotone" />
       </span>
       <div className="flex h-full items-center text-2xl">{languagesLength}</div>
     </div>

src/app/about/statistics/components/github-dashboard/cards/repos.tsx

@@ -8,7 +8,7 @@ export async function Repos() {
     <div className="flex h-full w-full flex-col justify-center gap-3 rounded-3xl bg-neutral-200 p-4 leading-none dark:bg-neutral-950 md:p-7">
       <span className="inline-flex items-center gap-2 text-neutral-600">
         <span>Repositories</span>
-        <Cube weight="duotone" />
+        <Cube size="1em" weight="duotone" />
       </span>
       <div className="flex h-full items-center text-2xl">{public_repos}</div>
     </div>

src/app/about/statistics/components/github-dashboard/cards/stars.tsx

@@ -11,7 +11,7 @@ export async function Stars() {
     <div className="flex h-full w-full flex-col justify-center gap-3 rounded-3xl bg-neutral-200 p-4 leading-none dark:bg-neutral-950 md:p-7">
       <span className="inline-flex items-center gap-2 text-neutral-600">
         <span>Stars</span>
-        <Star weight="duotone" />
+        <Star size="1em" weight="duotone" />
       </span>
       <div className="flex h-full items-center text-2xl">{stars}</div>
     </div>

src/app/about/statistics/components/github-dashboard/skeleton/commits.tsx

@@ -4,7 +4,7 @@ export const CommitsSkeleton = () => (
   <div className="flex h-full w-full flex-col justify-center gap-3 rounded-3xl bg-neutral-200 p-4 leading-none dark:bg-neutral-950 md:p-7">
     <span className="inline-flex items-center gap-2 text-neutral-600">
       <span>Repositories</span>
-      <GitCommit weight="duotone" />
+      <GitCommit size="1em" weight="duotone" />
     </span>
     <div className="h-7 w-1/2 animate-pulse rounded-3xl bg-neutral-400 dark:bg-neutral-800" />
   </div>

src/app/about/statistics/components/github-dashboard/skeleton/follower.tsx

@@ -5,7 +5,7 @@ export const FollowersSkeleton = () => {
     <div className="flex h-full w-full flex-col justify-between gap-2 rounded-3xl bg-neutral-200 p-4 leading-none dark:bg-neutral-950 md:p-7">
       <span className="inline-flex items-center gap-2 text-neutral-600">
         <span>Followers</span>
-        <Heart weight="duotone" />
+        <Heart size="1em" weight="duotone" />
       </span>
       <span className="text-xl">
         <div className="grid grid-cols-12 gap-1">

src/app/about/statistics/components/github-dashboard/skeleton/graph.tsx

@@ -7,7 +7,7 @@ export function GraphSkeleton() {
     <div className="flex h-full w-full flex-col justify-center gap-3 rounded-3xl bg-neutral-200 p-4 leading-none dark:bg-neutral-950 md:p-7">
       <span className="inline-flex items-center gap-2 text-neutral-600">
         <span>Contribution Graph</span>
-        <CalendarBlank weight="duotone" />
+        <CalendarBlank size="1em" weight="duotone" />
       </span>
       <div className="flex items-center">
         <div className="h-20 w-full animate-pulse rounded-3xl bg-neutral-400 dark:bg-neutral-800" />

src/app/about/statistics/components/github-dashboard/skeleton/languages.tsx

@@ -4,7 +4,7 @@ export const LanguagesSkeleton = () => (
   <div className="flex h-full w-full flex-col justify-center gap-3 rounded-3xl bg-neutral-200 p-4 leading-none dark:bg-neutral-950 md:p-7">
     <span className="inline-flex items-center gap-2 text-neutral-600">
       <span>Languages</span>
-      <Code weight="duotone" />
+      <Code size="1em" weight="duotone" />
     </span>
     <div className="h-7 w-1/2 animate-pulse rounded-3xl bg-neutral-400 dark:bg-neutral-800" />
   </div>

src/app/about/statistics/components/github-dashboard/skeleton/repos.tsx

@@ -4,7 +4,7 @@ export const ReposSkeleton = () => (
   <div className="flex h-full w-full flex-col justify-center gap-3 rounded-3xl bg-neutral-200 p-4 leading-none dark:bg-neutral-950 md:p-7">
     <span className="inline-flex items-center gap-2 text-neutral-600">
       <span>Repositories</span>
-      <Cube weight="duotone" />
+      <Cube size="1em" weight="duotone" />
     </span>
     <div className="h-7 w-1/2 animate-pulse rounded-3xl bg-neutral-400 dark:bg-neutral-800" />
   </div>

src/app/about/statistics/components/github-dashboard/skeleton/stars.tsx

@@ -4,7 +4,7 @@ export const StarsSkeleton = () => (
   <div className="flex h-full w-full flex-col justify-center gap-3 rounded-3xl bg-neutral-200 p-4 leading-none dark:bg-neutral-950 md:p-7">
     <span className="inline-flex items-center gap-2 text-neutral-600">
       <span>Stars</span>
-      <Star weight="duotone" />
+      <Star size="1em" weight="duotone" />
     </span>
     <div className="h-7 w-1/2 animate-pulse rounded-3xl bg-neutral-400 dark:bg-neutral-800" />
   </div>

src/app/about/statistics/components/spotify-dashboard/cards/last-track.tsx

@@ -1,5 +1,4 @@
 import Image from 'next/image'
-
 import { MusicNotes } from '@phosphor-icons/react/dist/ssr'
 
 import { placeholder } from '@/shared/lib/placeholder'
@@ -15,7 +14,7 @@ export async function LastTrack() {
       <div className="flex h-full flex-1 flex-col overflow-hidden">
         <span className="inline-flex items-center gap-2 text-neutral-600">
           <span>Last Played</span>
-          <MusicNotes weight="duotone" />
+          <MusicNotes size="1em" weight="duotone" />
         </span>
         <span className="flex h-full items-center">
           <a

src/app/about/statistics/components/spotify-dashboard/cards/top-artists.tsx

@@ -23,7 +23,7 @@ export async function TopArtists() {
       <div className="flex flex-col leading-tight">
         <span className="inline-flex items-center gap-2 text-neutral-600">
           <span>Top Artists</span>
-          <UserList weight="duotone" />
+          <UserList size="1em" weight="duotone" />
         </span>
         <span className="text-xs text-neutral-500 dark:text-neutral-700">
           From last 6 months

src/app/about/statistics/components/spotify-dashboard/cards/top-tracks.tsx

@@ -32,7 +32,7 @@ export async function TopTracks() {
       <div className="flex flex-col leading-tight">
         <span className="inline-flex items-center gap-2 text-neutral-600">
           <span>Top Tracks</span>
-          <Playlist weight="duotone" />
+          <Playlist size="1em" weight="duotone" />
         </span>
         <span className="text-xs text-neutral-500 dark:text-neutral-700">
           From last 6 months

src/app/about/statistics/components/spotify-dashboard/skeleton/last-track-skeleton.tsx

@@ -6,7 +6,7 @@ export function LastTrackSkeleton() {
       <div className="flex h-full w-full flex-col gap-1">
         <span className="inline-flex items-center gap-2 text-neutral-600">
           <span>Last Played</span>
-          <MusicNotes weight="duotone" />
+          <MusicNotes size="1em" weight="duotone" />
         </span>
 
         <div className="flex h-full items-center">

src/app/about/statistics/components/spotify-dashboard/skeleton/top-artists.skeleton.tsx

@@ -6,7 +6,7 @@ export function TopArtistsSkeleton() {
       <div className="flex flex-col leading-tight">
         <span className="inline-flex items-center gap-2 text-neutral-600">
           <span>Top Artists</span>
-          <UserList weight="duotone" />
+          <UserList size="1em" weight="duotone" />
         </span>
         <span className="text-xs text-neutral-500 dark:text-neutral-700">
           From last 3 months

src/app/about/statistics/components/spotify-dashboard/skeleton/top-tracks-skeleton.tsx

@@ -6,7 +6,7 @@ export function TopTracksSkeleton() {
       <div className="flex flex-col leading-tight">
         <span className="inline-flex items-center gap-2 text-neutral-600">
           <span>Top Tracks</span>
-          <Playlist weight="duotone" />
+          <Playlist size="1em" weight="duotone" />
         </span>
         <span className="text-xs text-neutral-500 dark:text-neutral-700">
           From last 3 months

src/app/about/statistics/components/writing-dashboard/cards/most-used-category.tsx

@@ -16,7 +16,7 @@ type RowProps = {
 const Row = ({ Icon, quantity, title }: RowProps) => (
   <div className="flex w-full items-center justify-between gap-3">
     <div className="flex items-center gap-3">
-      <Icon />
+      <Icon size="1em" />
       <span>{title}</span>
     </div>
     <span>{quantity}</span>
@@ -55,7 +55,7 @@ export async function MostUsedCategories() {
     <div className="flex h-full w-full flex-col justify-center gap-3 rounded-3xl bg-neutral-200 p-4 leading-none dark:bg-neutral-950 md:p-7">
       <span className="inline-flex items-center gap-2 text-neutral-600">
         <span>Most Used Categories</span>
-        <FolderOpen weight="duotone" />
+        <FolderOpen size="1em" weight="duotone" />
       </span>
       <div className="flex h-full flex-col justify-around gap-2 text-2xl">
         {categories.map(category => (