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/hooks/useChangelog.tsx

@@ -1,10 +1,9 @@
+import { X } from '@phosphor-icons/react';
 import ChangelogPopup from '@views/components/common/ChangelogPopup';
 import Text from '@views/components/common/Text/Text';
 import { useDialog } from '@views/contexts/DialogContext';
 import React from 'react';
 
-import MaterialSymbolsClose from '~icons/material-symbols/close';
-
 import { Button } from '../components/common/Button';
 
 /**
@@ -23,7 +22,7 @@ export default function useChangelog(): () => void {
                         Changelog
                     </Text>
                     <Button variant='single' onClick={close} color='theme-black' className='p-1 text-gray-700'>
-                        <MaterialSymbolsClose className='h-7 w-7' />
+                        <X className='h-6 w-6' />
                     </Button>
                 </div>
             ),