feat(ui): change icons to phosphor-icons #467 (#469)

* change icons to phosphor-icons

* feat(ui): change icons to phosphor-icons

* feat(ui): change icons to phosphor-icons

* feat(ui): correct icon sizes, weights, and colors

* feat(ui): change arrow-up-right sizes to 16px

src/views/components/calendar/CalendarSchedules.tsx

@@ -1,4 +1,5 @@
 import createSchedule from '@pages/background/lib/createSchedule';
+import { Plus } from '@phosphor-icons/react';
 import { UserScheduleStore } from '@shared/storage/UserScheduleStore';
 import { Button } from '@views/components/common/Button';
 import List from '@views/components/common/List';
@@ -8,8 +9,6 @@ import { useEnforceScheduleLimit } from '@views/hooks/useEnforceScheduleLimit';
 import useSchedules, { getActiveSchedule, switchSchedule } from '@views/hooks/useSchedules';
 import React from 'react';
 
-import AddSchedule from '~icons/material-symbols/add';
-
 /**
  * Renders a component that displays a list of schedules.
  *
@@ -33,7 +32,7 @@ export function CalendarSchedules() {
                     MY SCHEDULES
                 </Text>
                 <Button variant='single' color='theme-black' className='h-fit p-0 btn' onClick={handleAddSchedule}>
-                    <AddSchedule className='h-6 w-6' />
+                    <Plus className='h-6 w-6' />
                 </Button>
             </div>
             <div className='flex flex-col space-y-2.5'>