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/injected/TableRow/TableRow.tsx

@@ -1,3 +1,4 @@
+import { ChartBar } from '@phosphor-icons/react';
 import { initSettings, OptionsStore } from '@shared/storage/OptionsStore';
 import type { Course, ScrapedRow } from '@shared/types/Course';
 import type { UserSchedule } from '@shared/types/UserSchedule';
@@ -6,8 +7,6 @@ import ExtensionRoot from '@views/components/common/ExtensionRoot/ExtensionRoot'
 import React, { useEffect, useState } from 'react';
 import ReactDOM from 'react-dom';
 
-import RowIcon from '~icons/material-symbols/bar-chart-rounded';
-
 import styles from './TableRow.module.scss';
 
 interface Props {
@@ -119,7 +118,7 @@ export default function TableRow({ row, isSelected, activeSchedule, onClick }: P
                     className='m1 h-6 w-6 flex items-center justify-center rounded bg-ut-burntorange color-white!'
                     onClick={onClick}
                 >
-                    <RowIcon color='ut-white' />
+                    <ChartBar className='text-ut-white h-4 w-4' weight='fill' />
                 </button>
                 {conflicts.length > 0 && (
                     <ConflictsWithWarning