wallet-ext: updated font with new icons

* new icons:
  * arrow-left
  * clipboard
  * globe
  * logout
  * person
  * sui-chevron-right
* used icomoon to optimize all the svg iamges

wallet/font-icons/README.md

@@ -14,13 +14,20 @@ It will be useful to also document here the source of each icon.
 -   [nfts.svg](./svgs/nfts.svg) - exported from [figma](https://www.figma.com/file/rkFrheddol8YO7HQaHgIfF/Sui-Systematize?node-id=3547%3A3433)
 -   [history.svg](./svgs/history.svg) - exported from [figma](https://www.figma.com/file/rkFrheddol8YO7HQaHgIfF/Sui-Systematize?node-id=3547%3A3433)
 -   [apps.svg](./svgs/apps.svg) - exported from [figma](https://www.figma.com/file/rkFrheddol8YO7HQaHgIfF/Sui-Systematize?node-id=3547%3A3433)
+-   [globe.svg](./svgs/globe.svg) - exported from [figma](https://www.figma.com/file/OzLaRFzevjxdQAbybWEZk0/Sui-Visualize?node-id=1607%3A18842)
+-   [person.svg](./svgs/person.svg) - exported from [figma](https://www.figma.com/file/OzLaRFzevjxdQAbybWEZk0/Sui-Visualize?node-id=1607%3A18842)
+-   [arrow-left.svg](./svgs/arrow-left.svg) - exported from [figma](https://www.figma.com/file/OzLaRFzevjxdQAbybWEZk0/Sui-Visualize?node-id=1609%3A19253)
+-   [clipboard.svg](./svgs/clipboard.svg) - exported from [figma](https://www.figma.com/file/OzLaRFzevjxdQAbybWEZk0/Sui-Visualize?node-id=1609%3A19253)
+-   [logout.svg](./svgs/logout.svg) - exported from [figma](https://www.figma.com/file/OzLaRFzevjxdQAbybWEZk0/Sui-Visualize?node-id=1609%3A19253)
+-   [sui-chevron-right.svg](./svgs/sui-chevron-right.svg) - exported from [figma](https://www.figma.com/file/OzLaRFzevjxdQAbybWEZk0/Sui-Visualize?node-id=1607%3A18842)
 
 # Troubleshooting
 
--   Sometimes the svg icon will not work properly when converted to font. An easy way to fix it is use [IcoMoon](https://icomoon.io/app) and [svgfont2svgicons](https://github.com/nfroidure/svgfont2svgicons)
+-   Sometimes the svg icon will not work properly when converted to font (it might be a good idea to do this process for all svgs - to take advantage of any optimizations). An easy way to fix it is use [IcoMoon](https://icomoon.io/app) and [svgfont2svgicons](https://github.com/nfroidure/svgfont2svgicons)
     -   Upload the svg icon to `IcoMoon`
     -   Generate the font (check if the icon looks good - if not probably it will not work)
     -   Download the new font
     -   Unzip the font
     -   Use `svgfont2svgicons path/to/svgfont path/to/output` to extract the svg icon
     -   Use the extracted svg icon instead of the original one
+    -   The new svg usually starts with something like `<?xml version="1.0" encoding="UTF-8" standalone="no"?>` but this doesn't work properly when running `make-font-icons`. Removing it will fix the error.

wallet/font-icons/output/sui-icons.scss

@@ -15,16 +15,28 @@ url('./sui-icons.svg#sui-icons') format('svg');
 }
 
 .sui-icons-apps:before { content: "\ea01"; }
-.sui-icons-history:before { content: "\ea02"; }
-.sui-icons-nfts:before { content: "\ea03"; }
-.sui-icons-sui-logo-icon:before { content: "\ea04"; }
-.sui-icons-sui-logo-txt:before { content: "\ea05"; }
-.sui-icons-tokens:before { content: "\ea06"; }
+.sui-icons-arrow-left:before { content: "\ea02"; }
+.sui-icons-clipboard:before { content: "\ea03"; }
+.sui-icons-globe:before { content: "\ea04"; }
+.sui-icons-history:before { content: "\ea05"; }
+.sui-icons-logout:before { content: "\ea06"; }
+.sui-icons-nfts:before { content: "\ea07"; }
+.sui-icons-person:before { content: "\ea08"; }
+.sui-icons-sui-chevron-right:before { content: "\ea09"; }
+.sui-icons-sui-logo-icon:before { content: "\ea0a"; }
+.sui-icons-sui-logo-txt:before { content: "\ea0b"; }
+.sui-icons-tokens:before { content: "\ea0c"; }
 
 $sui-icons-apps: "\ea01";
-$sui-icons-history: "\ea02";
-$sui-icons-nfts: "\ea03";
-$sui-icons-sui-logo-icon: "\ea04";
-$sui-icons-sui-logo-txt: "\ea05";
-$sui-icons-tokens: "\ea06";
+$sui-icons-arrow-left: "\ea02";
+$sui-icons-clipboard: "\ea03";
+$sui-icons-globe: "\ea04";
+$sui-icons-history: "\ea05";
+$sui-icons-logout: "\ea06";
+$sui-icons-nfts: "\ea07";
+$sui-icons-person: "\ea08";
+$sui-icons-sui-chevron-right: "\ea09";
+$sui-icons-sui-logo-icon: "\ea0a";
+$sui-icons-sui-logo-txt: "\ea0b";
+$sui-icons-tokens: "\ea0c";
 

wallet/font-icons/output/sui-icons.ts

@@ -3,13 +3,19 @@
 
 export enum SuiIcons {
   Apps = "sui-icons-apps",
+  ArrowLeft = "sui-icons-arrow-left",
+  Clipboard = "sui-icons-clipboard",
+  Globe = "sui-icons-globe",
   History = "sui-icons-history",
+  Logout = "sui-icons-logout",
   Nfts = "sui-icons-nfts",
+  Person = "sui-icons-person",
+  SuiChevronRight = "sui-icons-sui-chevron-right",
   SuiLogoIcon = "sui-icons-sui-logo-icon",
   SuiLogoTxt = "sui-icons-sui-logo-txt",
   Tokens = "sui-icons-tokens"
 }
 
-export type SuiIconsClassname = "sui-icons-apps" | "sui-icons-history" | "sui-icons-nfts" | "sui-icons-sui-logo-icon" | "sui-icons-sui-logo-txt" | "sui-icons-tokens"
-export type SuiIconsIcon = "apps" | "history" | "nfts" | "sui-logo-icon" | "sui-logo-txt" | "tokens"
+export type SuiIconsClassname = "sui-icons-apps" | "sui-icons-arrow-left" | "sui-icons-clipboard" | "sui-icons-globe" | "sui-icons-history" | "sui-icons-logout" | "sui-icons-nfts" | "sui-icons-person" | "sui-icons-sui-chevron-right" | "sui-icons-sui-logo-icon" | "sui-icons-sui-logo-txt" | "sui-icons-tokens"
+export type SuiIconsIcon = "apps" | "arrow-left" | "clipboard" | "globe" | "history" | "logout" | "nfts" | "person" | "sui-chevron-right" | "sui-logo-icon" | "sui-logo-txt" | "tokens"
 export const SuiIconsPrefix = "sui-icons-"