fix `<DropdownMenu.SubTrigger>` icon; unknown network typo (#629)

.changeset/polite-cobras-accept.md

@@ -0,0 +1,5 @@
+---
+"@status-im/components": patch
+---
+
+fix <DropdownMenu.SubTrigger /> icon; unknown network typo

packages/colors/src/networks.ts

@@ -4,7 +4,7 @@ export const networks = {
   hermez: 'rgba(235 132 98 / 100%)',
   optimism: 'rgba(231 110 110 / 100%)',
   polygon: 'rgba(173 113 243 / 100%)',
-  unknow: 'rgba(238 242 245 / 100%)',
+  unknown: 'rgba(238 242 245 / 100%)',
   'x-dai': 'rgba(63 192 189 / 100%)',
   'zk-sync': 'rgba(159 160 254 / 100%)',
 }

packages/components/src/dropdown-menu/dropdown-menu.tsx

@@ -2,8 +2,8 @@ import { cloneElement, forwardRef, useId } from 'react'
 
 import * as DropdownMenu from '@radix-ui/react-dropdown-menu'
 import {
-  ArrowRightIcon,
   CheckIcon,
+  ChevronRightIcon,
   ExternalIcon,
   SearchIcon,
 } from '@status-im/icons/20'
@@ -301,7 +301,7 @@ export const SubTrigger = (props: SubTriggerProps) => {
         <span className={iconStyles({ danger })}>{cloneElement(icon)}</span>
       )}
       <span className={labelStyles({ danger })}>{label}</span>
-      <ArrowRightIcon className="text-neutral-50" />
+      <ChevronRightIcon className="text-neutral-50" />
     </DropdownMenu.SubTrigger>
   )
 }