Update Hashicon & messages provisioning

src/pages/Extensions/Info.tsx

@@ -4,11 +4,7 @@ import { m } from 'framer-motion';
 import JSONPretty from 'react-json-pretty';
 
 import { useAppSelector } from '@app/hooks/useAppSelector.js';
-// eslint-disable-next-line import/no-unresolved
-import skypack_hashicon from '@skypack/@emeraldpay/hashicon-react';
-
-const Hashicon = skypack_hashicon.Hashicon;
-// import { Hashicon } from '@emeraldpay/hashicon-react';
+import { Hashicon } from '@emeraldpay/hashicon-react';
 
 export const Info = (): JSX.Element => {
   const hardwareInfo = useAppSelector(

src/pages/Messages/Message.tsx

@@ -1,11 +1,8 @@
 import type React from 'react';
 
 import type { Node } from '@app/core/slices/meshtasticSlice';
+import { Hashicon } from '@emeraldpay/hashicon-react';
 import { Tooltip } from '@meshtastic/components';
-// eslint-disable-next-line import/no-unresolved
-import skypack_hashicon from '@skypack/@emeraldpay/hashicon-react';
-
-const Hashicon = skypack_hashicon.Hashicon;
 
 export interface MessageProps {
   lastMsgSameUser: boolean;

src/pages/Messages/index.tsx

@@ -7,17 +7,14 @@ import TimeAgo from 'timeago-react';
 
 import { Layout } from '@app/components/layout';
 import { SidebarItem } from '@components/layout/Sidebar/SidebarItem';
+import { Hashicon } from '@emeraldpay/hashicon-react';
 import { useAppSelector } from '@hooks/useAppSelector';
 import { IconButton, Tooltip } from '@meshtastic/components';
 import { Protobuf } from '@meshtastic/meshtasticjs';
-// eslint-disable-next-line import/no-unresolved
-import skypack_hashicon from '@skypack/@emeraldpay/hashicon-react';
 
 import { Message } from './Message';
 import { MessageBar } from './MessageBar';
 
-const Hashicon = skypack_hashicon.Hashicon;
-
 export const Messages = (): JSX.Element => {
   const nodes = useAppSelector((state) => state.meshtastic.nodes);
   const channels = useAppSelector(

src/pages/Nodes/NodeCard.tsx

@@ -17,12 +17,9 @@ import { SidebarOverlay } from '@app/components/layout/Sidebar/sections/SidebarO
 import { SidebarItem } from '@app/components/layout/Sidebar/SidebarItem';
 import { CopyButton } from '@app/components/menu/buttons/CopyButton';
 import type { Node } from '@core/slices/meshtasticSlice';
+import { Hashicon } from '@emeraldpay/hashicon-react';
 import { useMapbox } from '@hooks/useMapbox';
 import { IconButton } from '@meshtastic/components';
-// eslint-disable-next-line import/no-unresolved
-import skypack_hashicon from '@skypack/@emeraldpay/hashicon-react';
-
-const Hashicon = skypack_hashicon.Hashicon;
 
 type PositionConfidence = 'high' | 'low' | 'none';
 

src/pages/Nodes/index.tsx

@@ -8,11 +8,8 @@ import { RiMindMap } from 'react-icons/ri';
 import { Layout } from '@app/components/layout';
 import { SidebarItem } from '@app/components/layout/Sidebar/SidebarItem';
 import { useAppSelector } from '@app/hooks/useAppSelector';
+import { Hashicon } from '@emeraldpay/hashicon-react';
 import { IconButton } from '@meshtastic/components';
-// eslint-disable-next-line import/no-unresolved
-import skypack_hashicon from '@skypack/@emeraldpay/hashicon-react';
-
-const Hashicon = skypack_hashicon.Hashicon;
 
 export const Nodes = (): JSX.Element => {
   const [graphNodes, setGraphNodes] = React.useState<Node[]>([]);