#6511 : Update Editor Component UI - Toolbar Links, Code, and Blockqu…

…otes (#6603)

* update icons for blockquotes, links, and code blocks

* use phosphor icons per design update

packages/commonwealth/client/scripts/views/components/react_quill_editor/toolbar.tsx

@@ -1,7 +1,7 @@
 import {
   Code,
   Image,
-  LinkSimple,
+  Link,
   ListBullets,
   ListChecks,
   ListNumbers,
@@ -14,14 +14,12 @@ import {
   TextStrikethrough,
 } from '@phosphor-icons/react';
 import clsx from 'clsx';
+import 'components/react_quill/react_quill_editor.scss';
 import { DeltaStatic } from 'quill';
 import React, { MutableRefObject, useMemo } from 'react';
 import ReactQuill from 'react-quill';
-import { SerializableDeltaStatic, renderToolbarIcon } from './utils';
-
-import 'components/react_quill/react_quill_editor.scss';
-
 import { CWIconButton } from 'views/components/component_kit/cw_icon_button';
+import { SerializableDeltaStatic, renderToolbarIcon } from './utils';
 
 const quillIcons = ReactQuill.Quill.import('ui/icons');
 
@@ -34,9 +32,9 @@ Object.assign(quillIcons, {
   bold: renderToolbarIcon(TextB),
   italic: renderToolbarIcon(TextItalic),
   strike: renderToolbarIcon(TextStrikethrough),
-  link: renderToolbarIcon(LinkSimple),
+  link: renderToolbarIcon(Link),
   'code-block': renderToolbarIcon(Code),
-  blockquote: renderToolbarIcon(Quotes, { weight: 'fill' }),
+  blockquote: renderToolbarIcon(Quotes),
   image: renderToolbarIcon(Image),
   list: {
     ordered: renderToolbarIcon(ListNumbers),