Switch to using iconify for icons for quick links

src/plugins/widgets/links/Display.tsx

@@ -1,7 +1,7 @@
 import React, { FC, useMemo } from "react";
 import { defineMessages, useIntl } from "react-intl";
 
-import { Icon } from "../../../views/shared";
+import { Icon } from '@iconify-icon/react';
 import { Link } from "./types";
 
 const displayUrl = (url: string): string => {
@@ -67,7 +67,7 @@ const Display: FC<Props> = ({ icon, name, number, url, linkOpenStyle }) => {
           </i>
         ) : null
       ) : icon ? (
-        <Icon name={icon} />
+        <Icon icon={icon} />
       ) : null}
       {icon && name && " "}
       <span className="LinkText">

src/plugins/widgets/links/Input.tsx

@@ -1,4 +1,4 @@
-import icons from "feather-icons/dist/icons.json";
+import { listIcons } from 'iconify-icon';
 import React, { FC } from "react";
 
 import {
@@ -17,7 +17,7 @@ type Props = Link & {
   onRemove: () => void;
 };
 
-const iconList = Object.keys(icons);
+const iconList = listIcons;
 
 const Input: FC<Props> = (props) => (
   <div className="LinkInput">
@@ -67,7 +67,7 @@ const Input: FC<Props> = (props) => (
       >
         <option value={""}>None</option>
         <option value="_favicon">Website Icon</option>
-        <optgroup label="Feather Icons">
+        <optgroup label="Icons via Iconify">
           {iconList.map((key) => (
             <option key={key}>{key}</option>
           ))}

src/plugins/widgets/links/Links.tsx

@@ -1,7 +1,7 @@
 import React, { FC } from "react";
 
 import { useKeyPress, useToggle } from "../../../hooks";
-import { Icon } from "../../../views/shared";
+import { Icon } from '@iconify-icon/react';
 import Display from "./Display";
 import { Props, defaultData } from "./types";
 import "./Links.sass";
@@ -41,7 +41,7 @@ const Links: FC<Props> = ({ data = defaultData }) => {
         ))
       ) : (
         <a onClick={toggleVisible} title="Show quick links">
-          <Icon name="link-2" />
+          <Icon icon="fe:insert-link" />
         </a>
       )}
     </div>