Merge remote-tracking branch 'origin/develop' into master-sync

2024-12-23 09:52:26 +01:00 · 2022-09-20 13:27:30 -07:00 · 2022-09-20 13:27:30 -07:00 · 10915d39ea
commit 10915d39ea
parent 0278de708d d98c094283
430 changed files with 10212 additions and 5590 deletions
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@ -837,6 +837,8 @@ jobs:
            - .nyc_output
            - coverage
            - jest-coverage
+      - store_test_results:
+          path: test/test-results/junit.xml
  test-unit-global:
    executor: node-browsers
    steps:
--- a/.circleci/scripts/bundle-stats-commit.sh
+++ b/.circleci/scripts/bundle-stats-commit.sh
@ -40,25 +40,21 @@ git config --global user.name "MetaMask Bot"

 git clone git@github.com:MetaMask/extension_bundlesize_stats.git temp

-if [[ -f "temp/stats/bundle_size_stats-${CIRCLE_SHA1}.json" ]]
-then
-    printf 'Bundle size of the commit is already recorded'
-    cd ..
-    rm -rf temp
-    exit 0
-fi
+{
+    echo " '${CIRCLE_SHA1}': ";
+    cat test-artifacts/chrome/mv3/bundle_size_stats.json;
+    echo ", ";
+} >> temp/stats/bundle_size_data.temp.js

-cp -R test-artifacts/chrome/mv3/bundle_size_stats.json temp/stats
+cp temp/stats/bundle_size_data.temp.js temp/stats/bundle_size_data.js

-echo " bundle_size_stats-${CIRCLE_SHA1}.json" >> temp/stats/fileList.txt
-
-mv temp/stats/bundle_size_stats.json "temp/stats/bundle_size_stats-${CIRCLE_SHA1}.json"
+echo " }" >> temp/stats/bundle_size_data.js

 cd temp

 git add .

-git commit --message "Bundle size at commit: ${CIRCLE_SHA1}"
+git commit --message "Adding bundle size at commit: ${CIRCLE_SHA1}"

 repo_slug="$CIRCLE_PROJECT_USERNAME/extension_bundlesize_stats"
 git push "https://$GITHUB_TOKEN_USER:$GITHUB_TOKEN@github.com/$repo_slug" main
--- a/.circleci/scripts/chrome-install.sh
+++ b/.circleci/scripts/chrome-install.sh
@ -5,12 +5,12 @@ set -u
 set -o pipefail

 # To get the latest version, see <https://www.ubuntuupdates.org/ppa/google_chrome?dist=stable>
-CHROME_VERSION='103.0.5060.53-1'
+CHROME_VERSION='105.0.5195.102-1'
 CHROME_BINARY="google-chrome-stable_${CHROME_VERSION}_amd64.deb"
 CHROME_BINARY_URL="https://dl.google.com/linux/chrome/deb/pool/main/g/google-chrome-stable/${CHROME_BINARY}"

 # To retrieve this checksum, run the `wget` and `shasum` commands below
-CHROME_BINARY_SHA512SUM='36f4e79f46cb71c1431dccf1489f5f8e89d35204a717a4618c7f6f638123ddc2b37bd5cbd00498be8f84c7713149f2faa447cb6da3518be1cb9703e99d110e1a'
+CHROME_BINARY_SHA512SUM='3a1f2267ae009424ee8c623c3f78760d969dc1f3acb490e103e667d11e52cf0d955f201aeb3892dd41f33e68625af77ca5a20244b5be718f794eccb07a4c0413'

 wget -O "${CHROME_BINARY}" -t 5 "${CHROME_BINARY_URL}"

--- a/.eslintrc.js
+++ b/.eslintrc.js
@ -1,8 +1,11 @@
 const path = require('path');
+
 const { version: reactVersion } = require('react/package.json');

 module.exports = {
  root: true,
+  // Suggested addition from the storybook 6.5 update
+  extends: ['plugin:storybook/recommended'],
  // Ignore files which are also in .prettierignore
  ignorePatterns: [
    'app/vendor/**',
@ -22,7 +25,6 @@ module.exports = {
     * because we do not allow a file to use two different styles for specifying
     * imports and exports (however theoretically possible it may be).
     */
-
    {
      /**
       * Modules (CommonJS module syntax)
@ -128,11 +130,9 @@ module.exports = {
        'import/namespace': 'off',
        'import/default': 'off',
        'import/no-named-as-default-member': 'off',
-
        // Disabled due to incompatibility with Record<string, unknown>.
        // See: <https://github.com/Microsoft/TypeScript/issues/15300#issuecomment-702872440>
        '@typescript-eslint/consistent-type-definitions': 'off',
-
        // Modified to include the 'ignoreRestSiblings' option.
        // TODO: Migrate this rule change back into `@metamask/eslint-config`
        '@typescript-eslint/no-unused-vars': [
@ -165,7 +165,6 @@ module.exports = {
        sourceType: 'script',
      },
    },
-
    /**
     * == Everything else ==
     *
@ -198,7 +197,10 @@ module.exports = {
        'react/jsx-boolean-value': 'error',
        'react/jsx-curly-brace-presence': [
          'error',
-          { props: 'never', children: 'never' },
+          {
+            props: 'never',
+            children: 'never',
+          },
        ],
        'react/no-deprecated': 'error',
        'react/default-props-match-prop-types': 'error',
@ -256,16 +258,18 @@ module.exports = {
      files: [
        '**/__snapshots__/*.snap',
        'app/scripts/controllers/network/**/*.test.js',
+        'app/scripts/controllers/network/provider-api-tests/*.js',
        'app/scripts/controllers/permissions/**/*.test.js',
        'app/scripts/lib/**/*.test.js',
        'app/scripts/migrations/*.test.js',
        'app/scripts/platforms/*.test.js',
        'development/**/*.test.js',
        'shared/**/*.test.js',
-        'test/jest/*.js',
        'test/helpers/*.js',
+        'test/jest/*.js',
        'ui/**/*.test.js',
        'ui/__mocks__/*.js',
+        'shared/lib/error-utils.test.js',
      ],
      extends: ['@metamask/eslint-config-jest'],
      parserOptions: {
@ -276,15 +280,20 @@ module.exports = {
        'import/named': 'off',
        'jest/no-large-snapshots': [
          'error',
-          { maxSize: 50, inlineMaxSize: 50 },
+          {
+            maxSize: 50,
+            inlineMaxSize: 50,
+          },
        ],
        'jest/no-restricted-matchers': 'off',
+
        /**
         * jest/prefer-to-be is a new rule that was disabled to reduce churn
         * when upgrading eslint. It should be considered for use and enabled
         * in a future PR if agreeable.
         */
        'jest/prefer-to-be': 'off',
+
        /**
         * jest/lowercase-name was renamed to jest/prefer-lowercase-title this
         * change was made to essentially retain the same state as the original
@ -292,7 +301,12 @@ module.exports = {
         * two lines can be deleted.
         */
        'jest/lowercase-name': 'off',
-        'jest/prefer-lowercase-title': ['error', { ignore: ['describe'] }],
+        'jest/prefer-lowercase-title': [
+          'error',
+          {
+            ignore: ['describe'],
+          },
+        ],
      },
    },
    /**
@ -301,7 +315,12 @@ module.exports = {
    {
      files: ['app/scripts/migrations/*.js', '**/*.stories.js'],
      rules: {
-        'import/no-anonymous-default-export': ['error', { allowObject: true }],
+        'import/no-anonymous-default-export': [
+          'error',
+          {
+            allowObject: true,
+          },
+        ],
      },
    },
    /**
@ -347,7 +366,13 @@ module.exports = {
    {
      files: ['ui/pages/settings/*.js'],
      rules: {
-        'sort-keys': ['error', 'asc', { natural: true }],
+        'sort-keys': [
+          'error',
+          'asc',
+          {
+            natural: true,
+          },
+        ],
      },
    },
  ],
--- a/.mocharc.js
+++ b/.mocharc.js
@ -7,6 +7,7 @@ module.exports = {
    './app/scripts/platforms/*.test.js',
    './app/scripts/controllers/network/**/*.test.js',
    './app/scripts/controllers/permissions/**/*.test.js',
+    './app/scripts/constants/error-utils.test.js',
  ],
  recursive: true,
  require: ['test/env.js', 'test/setup.js'],
--- a/.storybook/mocks/webextension-polyfill.js
+++ b/.storybook/mocks/webextension-polyfill.js
@ -1,4 +1,8 @@
 module.exports = {
-    runtime: {},
-  };
+  runtime: {
+    getManifest: () => {
+      return { manifest_version: 2 };
+    }
+  },
+};
  
--- a/.storybook/main.js
+++ b/.storybook/main.js
@ -2,6 +2,8 @@ const path = require('path');

 const CopyWebpackPlugin = require('copy-webpack-plugin');

+const { generateIconNames } = require('../development/generate-icon-names');
+
 module.exports = {
  stories: [
    '../ui/**/*.stories.js',
@ -16,14 +18,25 @@ module.exports = {
    './i18n-party-addon/register.js',
    'storybook-dark-mode',
  ],
+  staticDirs: ['../app', './images'],
  // Uses babel.config.js settings and prevents "Missing class properties transform" error
  babel: async (options) => ({ overrides: options.overrides }),
+  // Sets env variables https://storybook.js.org/docs/react/configure/environment-variables/
+  env: async (config) => {
+    return {
+      ...config,
+      // Creates the icon names environment variable for the component-library/icon/icon.js component
+      ICON_NAMES: await generateIconNames(),
+    };
+  },
  webpackFinal: async (config) => {
    config.context = process.cwd();
    config.node = {
      __filename: true,
    };
-    config.resolve.alias['webextension-polyfill'] = require.resolve('./__mocks__/webextension-polyfill.js')
+    config.resolve.alias['webextension-polyfill'] = require.resolve(
+      './__mocks__/webextension-polyfill.js',
+    );
    config.module.strictExportPresence = true;
    config.module.rules.push({
      test: /\.scss$/,
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -689,7 +689,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - [#12230](https://github.com/MetaMask/metamask-extension/pull/12230): Fix gas control flicker on send screen when switching between EIP-1559 networks
 - [#12186](https://github.com/MetaMask/metamask-extension/pull/12186): Fix grammatical issue with "Not connected to this site" message
 - [#12381](https://github.com/MetaMask/metamask-extension/pull/12381): Fix width and padding of the hide token modal while in the popup view
- [#12339](https://github.com/MetaMask/metamask-extension/pull/11996): Fix 'BigNumber' app error when '0x' is supplied as the transaction value
+- [#11996](https://github.com/MetaMask/metamask-extension/pull/11996): Fix 'BigNumber' app error when '0x' is supplied as the transaction value
 - [#12339](https://github.com/MetaMask/metamask-extension/pull/12339): Correctly notify the inpage provider of current selected account on "unlock" events
 - [#12405](https://github.com/MetaMask/metamask-extension/pull/12405): Fix allowance issue with WETH -> ETH Swaps

@ -1750,7 +1750,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [7.0.0] - 2019-08-07
 ### Uncategorized
 - Capitalized speed up label to match rest of UI ([#6828](https://github.com/MetaMask/metamask-extension/pull/6828))
- Allows skipping of seed phrase challenge during onboarding, and completing it at a later time ([#6874](https://github.com/MetaMask/metamask-extension/pull/6928))
+- Allows skipping of seed phrase challenge during onboarding, and completing it at a later time ([#6874](https://github.com/MetaMask/metamask-extension/pull/6874))
 - Prevent opening of asset dropdown if no tokens in account ([#6900](https://github.com/MetaMask/metamask-extension/pull/6900))
 - Set privacy mode as default ([#6904](https://github.com/MetaMask/metamask-extension/pull/6904))
 - Adds Address Book feature ([#6914](https://github.com/MetaMask/metamask-extension/pull/6914))
@ -1936,7 +1936,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0

 ## [5.3.5] - 2019-02-04
 ### Uncategorized
- Privacy mode fixes ([#6084](https://github.com/MetaMask/metamask-extension/pull/6087))
+- Privacy mode fixes ([#6087](https://github.com/MetaMask/metamask-extension/pull/6087))

 ## [5.3.4] - 2019-01-31
 ### Uncategorized
--- a/app/_locales/de/messages.json
+++ b/app/_locales/de/messages.json
@ -135,7 +135,7 @@
    "message": "Dadurch kann dieses Netzwerk innerhalb MetaMask verwendet werden."
  },
  "addEthereumChainConfirmationRisks": {
-    "message": "MetaMaske überprüft keine benutzerdefinierten Netzwerke."
+    "message": "MetaMask überprüft keine benutzerdefinierten Netzwerke."
  },
  "addEthereumChainConfirmationRisksLearnMore": {
    "message": "Erfahren Sie mehr über $1.",
@ -412,7 +412,7 @@
    "description": "$1 is the ticker symbol of a an asset the user is being prompted to purchase"
  },
  "buyCryptoWithCoinbasePay": {
-    "message": "1 $ mit Coinbase Pay kaufen",
+    "message": "$1 mit Coinbase Pay kaufen",
    "description": "$1 represents the crypto symbol to be purchased"
  },
  "buyCryptoWithCoinbasePayDescription": {
@ -467,7 +467,7 @@
    "description": "$1 is string 'cancel' or 'speed up'"
  },
  "cancelSwapForFee": {
-    "message": "Tausch für 1 $ abbrechen",
+    "message": "Tausch für $1 abbrechen",
    "description": "$1 could be e.g. $2.98, it is a cost for cancelling a Smart Transaction"
  },
  "cancelSwapForFree": {
@ -1151,7 +1151,7 @@
    "description": "Message displayed on generic error page in the popup UI, $1 is a clickable link with text defined by the 'here' key. The link will open to a form where users can file support tickets."
  },
  "errorPageTitle": {
-    "message": "MetaMaske hat einen Fehler festgestellt",
+    "message": "MetaMask hat einen Fehler festgestellt",
    "description": "Title of generic error page"
  },
  "errorStack": {
@ -1659,7 +1659,7 @@
    "message": "Zuletzt verbunden"
  },
  "learmMoreAboutGas": {
-    "message": "Wollen Sie 1 $ über Gas?"
+    "message": "Wollen Sie $1 über Gas?"
  },
  "learnCancelSpeeedup": {
    "message": "Erfahren Sie, wie Sie $1",
@ -1860,21 +1860,21 @@
    "message": "Erfassen Sie niemals Schlüssel, Adressen, Transaktionen, Salden, Hashes oder persönliche Informationen"
  },
  "metametricsCommitmentsNeverCollectIP": {
-    "message": "$1 Erfassen Sie Ihre vollständige IP-Adresse",
+    "message": "$1 Ihre vollständige IP-Adresse erfassen",
    "description": "The $1 is the bolded word 'Never', from 'metametricsCommitmentsBoldNever'"
  },
  "metametricsCommitmentsNeverCollectKeysEtc": {
-    "message": "$ erfassen Sie Schlüssel, Adressen, Transaktionen, Salden, Hashes oder persönliche Informationen",
+    "message": "$1 Schlüssel, Adressen, Transaktionen, Salden, Hashes oder persönliche Informationen erfassen",
    "description": "The $1 is the bolded word 'Never', from 'metametricsCommitmentsBoldNever'"
  },
  "metametricsCommitmentsNeverIP": {
-    "message": "Erfassen Sie nie Ihre vollständige IP-Adresse"
+    "message": "Nie Ihre vollständige IP-Adresse erfassen"
  },
  "metametricsCommitmentsNeverSell": {
-    "message": "Verkaufen Sie niemals Daten mit Gewinnabsicht. Niemals!"
+    "message": "Nie Daten mit Gewinnabsicht verkaufen. Niemals!"
  },
  "metametricsCommitmentsNeverSellDataForProfit": {
-    "message": "1 $ Daten für Gewinn verkaufen. Immer!",
+    "message": "$1 Daten für Gewinn verkaufen. Niemals!",
    "description": "The $1 is the bolded word 'Never', from 'metametricsCommitmentsBoldNever'"
  },
  "metametricsCommitmentsSendAnonymizedEvents": {
@ -1974,14 +1974,11 @@
  "networkNamePolygon": {
    "message": "Polygon"
  },
-  "networkNameRinkeby": {
-    "message": "Rinkeby"
-  },
  "networkNameTestnet": {
    "message": "Testnet"
  },
  "networkSettingsChainIdDescription": {
-    "message": "Die Ketten-ID wird zur Unterzeichnung von Transaktionen verwendet. Sie muss mit der vom Netzwerk zurückgegebenen Ketten-ID übereinstimmen. Sie können eine Dezimalzahl oder '0x'-prefix Hexadezimalzahl eingeben, aber wir werden die Zahl dezimal anzeigen."
+    "message": "Die Chain-ID wird zur Unterzeichnung von Transaktionen verwendet. Sie muss mit der vom Netzwerk zurückgegebenen Ketten-ID übereinstimmen. Sie können eine Dezimalzahl oder '0x'-prefix Hexadezimalzahl eingeben, aber wir werden die Zahl dezimal anzeigen."
  },
  "networkStatus": {
    "message": "Netzwerkstatus"
@ -2182,7 +2179,7 @@
    "description": "The 'call to action' on the button, or link, of the 'Stay secure' notification. Upon clicking, users will be taken to a page about security on the metamask support website."
  },
  "notifications3Description": {
-    "message": "Bleiben Sie auf dem Laufenden bezüglich der bewährten Sicherheitsverfahren von MetaMask und erhalten Sie die neuesten Sicherheitstipps des offiziellen MetaMasken-Supports.",
+    "message": "Bleiben Sie auf dem Laufenden bezüglich der bewährten Sicherheitsverfahren von MetaMask und erhalten Sie die neuesten Sicherheitstipps des offiziellen MetaMask-Supports.",
    "description": "Description of a notification in the 'See What's New' popup. Describes the information they can get on security from the linked support page."
  },
  "notifications3Title": {
@ -3233,9 +3230,6 @@
  "swap": {
    "message": "Swap"
  },
-  "swapAdvancedSlippageInfo": {
-    "message": "Wenn sich der Kurs zwischen der Aufgabe und der Bestätigung Ihres Auftrags ändert, nennt man das \"Slippage\". Ihr Swap wird automatisch storniert, wenn die Slippage Ihre Einstellung für die maximale Slippage überschreitet."
-  },
  "swapAggregator": {
    "message": "Aggregator"
  },
@ -3399,9 +3393,6 @@
  "swapQuoteDetails": {
    "message": "Kursdetails"
  },
-  "swapQuoteDetailsSlippageInfo": {
-    "message": "Wenn sich der Kurs zwischen der Aufgabe und der Bestätigung Ihres Auftrags ändert, nennt man das \"Slippage\". Ihr Swap wird automatisch storniert, wenn die Slippage Ihre Einstellung für die \"Slippagetoleranz\" überschreitet."
-  },
  "swapQuoteSource": {
    "message": "Kursquelle"
  },
@ -3432,9 +3423,6 @@
  "swapReviewSwap": {
    "message": "Swap überprüfen"
  },
-  "swapSearchForAToken": {
-    "message": "Nach einem Token suchen"
-  },
  "swapSelect": {
    "message": "Auswählen"
  },
@ -3557,7 +3545,7 @@
    "message": "Netzwerk wechseln"
  },
  "switchToNetwork": {
-    "message": "Zu 1 $ wechseln",
+    "message": "Zu $1 wechseln",
    "description": "$1 represents the custom network that has previously been added"
  },
  "switchToThisAccount": {
@ -4014,7 +4002,7 @@
    "message": "Erkunden dezentraler Apps"
  },
  "welcomeLoginDescription": {
-    "message": "Verwenden Sie Ihre MetaMaske, um sich bei dezentralen Apps anzumelden - keine Anmeldung erforderlich."
+    "message": "Verwenden Sie MetaMask, um sich bei dezentralen Apps anzumelden - keine Anmeldung erforderlich."
  },
  "welcomeLoginTitle": {
    "message": "Sagen Sie Hallo zu Ihrer Wallet"
@ -4050,7 +4038,7 @@
    "message": "Ja, versuchen wir es"
  },
  "youHaveAddedAll": {
-    "message": "Sie haben alle beliebten Netzwerke hinzugefügt. Sie können weitere Netzwerke entdecken 1 $ oder Sie können 2 $",
+    "message": "Sie haben alle beliebten Netzwerke hinzugefügt. Sie können weitere Netzwerke entdecken $1 oder Sie können $2",
    "description": "$1 is a link with the text 'here' and $2 is a button with the text 'add more networks manually'"
  },
  "youNeedToAllowCameraAccess": {
--- a/app/_locales/el/messages.json
+++ b/app/_locales/el/messages.json
@ -2001,9 +2001,6 @@
  "networkNamePolygon": {
    "message": "Πολύγωνο"
  },
-  "networkNameRinkeby": {
-    "message": "Rinkeby"
-  },
  "networkNameTestnet": {
    "message": "Testnet"
  },
@ -3289,9 +3286,6 @@
  "swap": {
    "message": "Ανταλλαγή"
  },
-  "swapAdvancedSlippageInfo": {
-    "message": "Εάν η τιμή αλλάζει μεταξύ της ώρας που τοποθετείται η παραγγελία σας και της επιβεβαίωσης, αυτό ονομάζεται \"ολίσθηση\". Η ανταλλαγή σας θα ακυρωθεί αυτόματα αν η ολίσθηση υπερβαίνει τη ρύθμιση \"ανοχή ολίσθησης\"."
-  },
  "swapAggregator": {
    "message": "Aggregator Ανταλλακτηρίων"
  },
@ -3455,9 +3449,6 @@
  "swapQuoteDetails": {
    "message": "Λεπτομέρειες προσφοράς"
  },
-  "swapQuoteDetailsSlippageInfo": {
-    "message": "Εάν η τιμή αλλάζει μεταξύ της ώρας που τοποθετείται η παραγγελία σας και επιβεβαιώνεται ονομάζεται \"ολίσθηση\". Η ανταλλαγή σας θα ακυρωθεί αυτόματα αν η ολίσθηση υπερβαίνει τη ρύθμιση \"ανοχή ολίσθησης\"."
-  },
  "swapQuoteSource": {
    "message": "Πηγή προσφοράς"
  },
@ -3488,9 +3479,6 @@
  "swapReviewSwap": {
    "message": "Επανεξέταση Ανταλλαγής"
  },
-  "swapSearchForAToken": {
-    "message": "Αναζήτηση για ένα token"
-  },
  "swapSelect": {
    "message": "Επιλογή"
  },
--- a/app/_locales/en/messages.json
+++ b/app/_locales/en/messages.json
@ -609,7 +609,14 @@
    "message": "Confirm"
  },
  "confirmPageDialogSetApprovalForAll": {
-    "message": "By clicking approve, you are granting access to all of the NFTs you currently own on this contract and any NFTs on this contract you may acquire in the future until you revoke this approval. The party to whom you're granting approval will be able to transfer your NFTs from your wallet without further notice. Proceed with caution."
+    "message": "You're granting access to $1, including any you might own in the future. The party on the other end can transfer NFTs from your wallet at any time without asking you until you revoke this approval. $2",
+    "description": "$1 and $2 are bolded translations 'confirmPageDialogSetApprovalForAllPlaceholder1' and 'confirmPageDialogSetApprovalForAllPlaceholder2'"
+  },
+  "confirmPageDialogSetApprovalForAllPlaceholder1": {
+    "message": "all the NFTs on this contract"
+  },
+  "confirmPageDialogSetApprovalForAllPlaceholder2": {
+    "message": "Proceed with caution."
  },
  "confirmPassword": {
    "message": "Confirm password"
@ -1528,7 +1535,7 @@
    "message": "Get Ether"
  },
  "getEtherFromFaucet": {
-    "message": "Get Ether from a faucet for the $1",
+    "message": "Get Ether from a faucet for the $1 network.",
    "description": "Displays network name for Ether faucet"
  },
  "getStarted": {
@ -1695,6 +1702,9 @@
  "initialTransactionConfirmed": {
    "message": "Your initial transaction was confirmed by the network. Click OK to go back."
  },
+  "install": {
+    "message": "Install"
+  },
  "insufficientBalance": {
    "message": "Insufficient balance."
  },
@ -2141,12 +2151,12 @@
  "networkNameEthereum": {
    "message": "Ethereum"
  },
+  "networkNameGoerli": {
+    "message": "Goerli"
+  },
  "networkNamePolygon": {
    "message": "Polygon"
  },
-  "networkNameRinkeby": {
-    "message": "Rinkeby"
-  },
  "networkNameTestnet": {
    "message": "Testnet"
  },
@ -2674,6 +2684,10 @@
    "message": "Show notifications.",
    "description": "The description for the `snap_notify` permission"
  },
+  "permission_transactionInsight": {
+    "message": "Fetch and display transaction insights.",
+    "description": "The description for the `endowment:transaction-insight` permission"
+  },
  "permission_unknown": {
    "message": "Unknown permission: $1",
    "description": "$1 is the name of a requested permission that is not recognized."
@ -3229,6 +3243,10 @@
    "message": "Added on $1 from $2",
    "description": "$1 represents the date the snap was installed, $2 represents which origin installed the snap."
  },
+  "snapContent": {
+    "message": "This content is coming from $1",
+    "description": "This is shown when a snap shows transaction insight information in the confirmation UI. $1 is a link to the snap's settings page with the link text being the name of the snap."
+  },
  "snapError": {
    "message": "Snap Error: '$1'. Error Code: '$2'",
    "description": "This is shown when a snap encounters an error. $1 is the error message from the snap, and $2 is the error code."
@ -3259,6 +3277,12 @@
  "snaps": {
    "message": "Snaps"
  },
+  "snapsInsightLoading": {
+    "message": "Loading transaction insight..."
+  },
+  "snapsNoInsight": {
+    "message": "The snap didn't return any insight"
+  },
  "snapsSettingsDescription": {
    "message": "Manage your Snaps"
  },
@ -3510,9 +3534,6 @@
  "swap": {
    "message": "Swap"
  },
-  "swapAdvancedSlippageInfo": {
-    "message": "If the price changes between the time your order is placed and confirmed it’s called “slippage”. Your swap will automatically cancel if slippage exceeds your “max slippage” setting."
-  },
  "swapAggregator": {
    "message": "Aggregator"
  },
@ -3676,9 +3697,6 @@
  "swapQuoteDetails": {
    "message": "Quote details"
  },
-  "swapQuoteDetailsSlippageInfo": {
-    "message": "If the price changes between the time your order is placed and confirmed it’s called \"slippage\". Your Swap will automatically cancel if slippage exceeds your \"slippage tolerance\" setting."
-  },
  "swapQuoteSource": {
    "message": "Quote source"
  },
@ -3709,8 +3727,8 @@
  "swapReviewSwap": {
    "message": "Review swap"
  },
-  "swapSearchForAToken": {
-    "message": "Search for a token"
+  "swapSearchNameOrAddress": {
+    "message": "Search name or paste address"
  },
  "swapSelect": {
    "message": "Select"
@ -3731,6 +3749,9 @@
    "message": "$1%",
    "description": "$1 is the amount of % for slippage"
  },
+  "swapSlippageTooltip": {
+    "message": "If the price changes between the time your order is placed and confirmed it’s called “slippage”. Your swap will automatically cancel if slippage exceeds your “slippage tolerance” setting."
+  },
  "swapSource": {
    "message": "Liquidity source"
  },
--- a/app/_locales/es/messages.json
+++ b/app/_locales/es/messages.json
@ -2001,9 +2001,6 @@
  "networkNamePolygon": {
    "message": "Polygon"
  },
-  "networkNameRinkeby": {
-    "message": "Rinkeby"
-  },
  "networkNameTestnet": {
    "message": "Red de prueba"
  },
@ -3289,9 +3286,6 @@
  "swap": {
    "message": "Canjear"
  },
-  "swapAdvancedSlippageInfo": {
-    "message": "Si el precio cambia entre el momento en que hace el pedido y cuando se confirma, se denomina “desfase”. El canje se cancelará automáticamente si el desfase supera lo establecido en la configuración “max slippage” (desfase máximo)."
-  },
  "swapAggregator": {
    "message": "Agregador"
  },
@ -3455,9 +3449,6 @@
  "swapQuoteDetails": {
    "message": "Detalles de cotización"
  },
-  "swapQuoteDetailsSlippageInfo": {
-    "message": "Si el precio cambia entre el momento en que hace el pedido y cuando se confirma, se denomina \"desfase\". El canje se cancelará automáticamente si el desfase supera lo establecido en la configuración \"tolerancia de desfase\"."
-  },
  "swapQuoteSource": {
    "message": "Fuente de la cotización"
  },
@ -3488,9 +3479,6 @@
  "swapReviewSwap": {
    "message": "Revisar canje"
  },
-  "swapSearchForAToken": {
-    "message": "Buscar un token"
-  },
  "swapSelect": {
    "message": "Seleccionar"
  },
--- a/app/_locales/es_419/messages.json
+++ b/app/_locales/es_419/messages.json
@ -1703,9 +1703,6 @@
  "networkNamePolygon": {
    "message": "Polygon"
  },
-  "networkNameRinkeby": {
-    "message": "Rinkeby"
-  },
  "networkNameTestnet": {
    "message": "Red de prueba"
  },
@ -2615,9 +2612,6 @@
  "swap": {
    "message": "Canjear"
  },
-  "swapAdvancedSlippageInfo": {
-    "message": "Si el precio cambia entre el momento en que hace el pedido y cuando se confirma, se denomina “desfase”. El canje se cancelará automáticamente si el desfase supera lo establecido en la configuración “max slippage” (desfase máximo)."
-  },
  "swapAggregator": {
    "message": "Agregador"
  },
@ -2773,9 +2767,6 @@
  "swapQuoteDetails": {
    "message": "Detalles de cotización"
  },
-  "swapQuoteDetailsSlippageInfo": {
-    "message": "Si el precio cambia entre el momento en que hace el pedido y cuando se confirma, se denomina \"desfase\". El canje se cancelará automáticamente si el desfase supera lo establecido en la configuración de la \"tolerancia de desfase\"."
-  },
  "swapQuoteSource": {
    "message": "Fuente de la cotización"
  },
@ -2806,9 +2797,6 @@
  "swapReviewSwap": {
    "message": "Revisar canje"
  },
-  "swapSearchForAToken": {
-    "message": "Buscar un token"
-  },
  "swapSelect": {
    "message": "Seleccionar"
  },
--- a/app/_locales/fr/messages.json
+++ b/app/_locales/fr/messages.json
@ -360,7 +360,7 @@
    "message": "MetaMask est un portefeuille sécurisé utilisé par des millions de personnes qui rend l’univers du web3 accessible à toutes et à tous."
  },
  "betaMetamaskDescriptionExplanation": {
-    "message": "Utilisez cette version pour tester les futures fonctionnalités avant leur lancement. Votre utilisation et vos commentaires nous aident à développer la meilleure version possible de MetaMask. Votre utilisation de MetaMask Beta est conditionnée par notre norme $1, ainsi que par notre $2. Il s’agit de la version bêta, présentant un risque de bogues plus élevé. En continuant, vous acceptez et reconnaissez ce risque, ainsi que ceux mentionnés dans nos Conditions d’utilisation et nos Conditions bêta.",
+    "message": "Utilisez cette version pour tester les futures fonctionnalités avant leur lancement. Votre utilisation et vos commentaires nous aident à développer la meilleure version possible de MetaMask. Votre utilisation de la version bêta de MetaMask est conditionnée par notre norme $1, ainsi que par notre $2. Il s’agit de la version bêta, présentant un risque de bogues plus élevé. En continuant, vous acceptez et reconnaissez ce risque, ainsi que ceux mentionnés dans nos Conditions d’utilisation et nos Conditions bêta.",
    "description": "$1 represents localization item betaMetamaskDescriptionExplanationTermsLinkText.  $2 represents localization item betaMetamaskDescriptionExplanationBetaTermsLinkText"
  },
  "betaMetamaskDescriptionExplanationBetaTermsLinkText": {
@ -370,10 +370,10 @@
    "message": "Conditions d’utilisation"
  },
  "betaMetamaskVersion": {
-    "message": "Version MetaMask Beta"
+    "message": "MetaMask version bêta"
  },
  "betaWelcome": {
-    "message": "Bienvenue sur MetaMask Bêta"
+    "message": "Bienvenue sur MetaMask Beta"
  },
  "blockExplorerAccountAction": {
    "message": "Compte",
@ -2001,9 +2001,6 @@
  "networkNamePolygon": {
    "message": "Polygon"
  },
-  "networkNameRinkeby": {
-    "message": "Rinkeby"
-  },
  "networkNameTestnet": {
    "message": "Testnet"
  },
@ -2637,7 +2634,7 @@
    "message": "Supprimer"
  },
  "removeAccount": {
-    "message": "Suprimer le compte"
+    "message": "Supprimer le compte"
  },
  "removeAccountDescription": {
    "message": "Ce compte va être supprimé de votre portefeuille. Veuillez vérifier que vous avez la phrase secrète de récupération originale de ce compte ou la clé privée pour ce compte importé avant de continuer. Vous pouvez importer ou créer à nouveau des comptes à partir du menu des comptes. "
@ -3289,9 +3286,6 @@
  "swap": {
    "message": "Swap"
  },
-  "swapAdvancedSlippageInfo": {
-    "message": "Si le prix fluctue entre le passage de votre ordre et sa confirmation, on parle alors d’un « effet de glissement » (slippage). Votre swap sera automatiquement annulé si ce phénomène dépasse votre paramètre de « glissement maximal »."
-  },
  "swapAggregator": {
    "message": "Agrégateur"
  },
@ -3455,9 +3449,6 @@
  "swapQuoteDetails": {
    "message": "Détails de la cotation"
  },
-  "swapQuoteDetailsSlippageInfo": {
-    "message": "Si le prix fluctue entre le passage de votre ordre et sa confirmation, on parle alors d’un « effet de glissement » (slippage). Votre swap sera automatiquement annulé si ce phénomène dépasse votre paramètre de « tolérance de glissement »."
-  },
  "swapQuoteSource": {
    "message": "Origine de la cotation"
  },
@ -3488,9 +3479,6 @@
  "swapReviewSwap": {
    "message": "Vérifier le swap"
  },
-  "swapSearchForAToken": {
-    "message": "Rechercher un jeton"
-  },
  "swapSelect": {
    "message": "Sélectionner"
  },
--- a/app/_locales/hi/messages.json
+++ b/app/_locales/hi/messages.json
@ -2001,9 +2001,6 @@
  "networkNamePolygon": {
    "message": "बहुभुज"
  },
-  "networkNameRinkeby": {
-    "message": "Rinkeby"
-  },
  "networkNameTestnet": {
    "message": "Testnet"
  },
@ -3289,9 +3286,6 @@
  "swap": {
    "message": "स्वैप करें"
  },
-  "swapAdvancedSlippageInfo": {
-    "message": "यदि आपके ऑर्डर किए जाने और पुष्टि किए जाने के समय के बीच मूल्य में परिवर्तन होता है, तो इसे “स्लिपेज” कहा जाता है। यदि आपका स्लिपेज आपकी “अधिकतम स्लिपेज” सेटिंग से अधिक हो जाता है, तो आपका स्वैप स्वतः रद्द हो जाएगा।"
-  },
  "swapAggregator": {
    "message": "एग्रीगेटर"
  },
@ -3455,9 +3449,6 @@
  "swapQuoteDetails": {
    "message": "उद्धरण का विवरण"
  },
-  "swapQuoteDetailsSlippageInfo": {
-    "message": "यदि आपके ऑर्डर किए जाने और पुष्टि किए जाने के समय के बीच मूल्य में परिवर्तन होता है, तो इसे \"स्लिपेज\" कहा जाता है। यदि स्लिपेज आपकी \"स्लिपेज टॉलरेंस\" सेटिंग से अधिक हो जाता है, तो आपका स्वैप स्वतः रद्द हो जाएगा।"
-  },
  "swapQuoteSource": {
    "message": "उद्धरण का स्रोत"
  },
@ -3488,9 +3479,6 @@
  "swapReviewSwap": {
    "message": "स्वैप की समीक्षा करें"
  },
-  "swapSearchForAToken": {
-    "message": "एक टोकन की खोज करें"
-  },
  "swapSelect": {
    "message": "चयन करें"
  },
--- a/app/_locales/id/messages.json
+++ b/app/_locales/id/messages.json
@ -2001,9 +2001,6 @@
  "networkNamePolygon": {
    "message": "Polygon"
  },
-  "networkNameRinkeby": {
-    "message": "Rinkeby"
-  },
  "networkNameTestnet": {
    "message": "Testnet"
  },
@ -3289,9 +3286,6 @@
  "swap": {
    "message": "Pertukaran"
  },
-  "swapAdvancedSlippageInfo": {
-    "message": "Jika harga berubah antara waktu penempatan dan konfirmasi order Anda, ini disebut “slippage”. Swap akan otomatis dibatalkan jika slippage melebihi pengaturan “slippage maks”."
-  },
  "swapAggregator": {
    "message": "Agregator"
  },
@ -3455,9 +3449,6 @@
  "swapQuoteDetails": {
    "message": "Detail kuotasi"
  },
-  "swapQuoteDetailsSlippageInfo": {
-    "message": "Jika harga berubah antara waktu penempatan dan konfirmasi order Anda, ini disebut \"slippage\". Swap Anda akan otomatis dibatalkan jika slippage melebihi pengaturan \"toleransi slippage\"."
-  },
  "swapQuoteSource": {
    "message": "Sumber kuotasi"
  },
@ -3488,9 +3479,6 @@
  "swapReviewSwap": {
    "message": "Tinjau Swap"
  },
-  "swapSearchForAToken": {
-    "message": "Cari token"
-  },
  "swapSelect": {
    "message": "Pilih"
  },
--- a/app/_locales/it/messages.json
+++ b/app/_locales/it/messages.json
@ -1355,9 +1355,6 @@
  "swap": {
    "message": "Scambia"
  },
-  "swapAdvancedSlippageInfo": {
-    "message": "Si chiama “slippage” la differenza tra il prezzo quando il tuo ordine viene inserito e quando viene confermato. Lo scambio sarà annullato automaticamente se lo slippage supera il “massimo slippage” impostato."
-  },
  "swapAggregator": {
    "message": "Aggregatore"
  },
@ -1445,9 +1442,6 @@
  "swapQuoteDetails": {
    "message": "Dettagli quotazione"
  },
-  "swapQuoteDetailsSlippageInfo": {
-    "message": "Si chiama \"slippage\" la differenza tra il prezzo quando il tuo ordine viene inserito e quando viene confermato. Lo scambio sarà annullato automaticamente se lo slippage supera il \"massimo slippage\" impostato."
-  },
  "swapQuoteSource": {
    "message": "Sorgente della quota"
  },
@ -1478,9 +1472,6 @@
  "swapReviewSwap": {
    "message": "Verifica Scambio"
  },
-  "swapSearchForAToken": {
-    "message": "Cerca un token"
-  },
  "swapSelect": {
    "message": "Selezione"
  },
--- a/app/_locales/ja/messages.json
+++ b/app/_locales/ja/messages.json
@ -2001,9 +2001,6 @@
  "networkNamePolygon": {
    "message": "Polygon"
  },
-  "networkNameRinkeby": {
-    "message": "Rinkeby"
-  },
  "networkNameTestnet": {
    "message": "テストネット"
  },
@ -3289,9 +3286,6 @@
  "swap": {
    "message": "スワップ"
  },
-  "swapAdvancedSlippageInfo": {
-    "message": "注文した時点と注文が承認された時点で価格が変わることを 「スリッページ」 と呼びます。スリッページが「最大スリッページ」設定を超える場合、スワップは自動的にキャンセルされます。"
-  },
  "swapAggregator": {
    "message": "アグリゲーター"
  },
@ -3455,9 +3449,6 @@
  "swapQuoteDetails": {
    "message": "見積もりの詳細"
  },
-  "swapQuoteDetailsSlippageInfo": {
-    "message": "注文した時点と注文が承認された時点で価格が変わることを「スリッページ」と呼びます。スリッページが「最大スリッページ」設定を超える場合、スワップは自動的にキャンセルされます。"
-  },
  "swapQuoteSource": {
    "message": "見積もりのソース"
  },
@ -3488,9 +3479,6 @@
  "swapReviewSwap": {
    "message": "スワップの確認"
  },
-  "swapSearchForAToken": {
-    "message": "トークンの検索"
-  },
  "swapSelect": {
    "message": "選択"
  },
--- a/app/_locales/ko/messages.json
+++ b/app/_locales/ko/messages.json
@ -2001,9 +2001,6 @@
  "networkNamePolygon": {
    "message": "Polygon"
  },
-  "networkNameRinkeby": {
-    "message": "Rinkeby"
-  },
  "networkNameTestnet": {
    "message": "테스트넷"
  },
@ -3289,9 +3286,6 @@
  "swap": {
    "message": "스왑"
  },
-  "swapAdvancedSlippageInfo": {
-    "message": "주문 시점과 확인 시점 사이에 가격이 변동되는 현상을 '슬리패지'라고 합니다. 슬리패지가 '최대 슬리패지' 설정을 초과하면 스왑이 자동으로 취소됩니다."
-  },
  "swapAggregator": {
    "message": "애그리게이터"
  },
@ -3455,9 +3449,6 @@
  "swapQuoteDetails": {
    "message": "견적 세부 정보"
  },
-  "swapQuoteDetailsSlippageInfo": {
-    "message": "주문 시점과 확인 시점 사이에 가격이 변동되는 현상을 \"슬리패지\"라고 합니다. 슬리패지가 \"최대 슬리패지\" 설정을 초과하면 스왑이 자동으로 취소됩니다."
-  },
  "swapQuoteSource": {
    "message": "견적 소스"
  },
@ -3488,9 +3479,6 @@
  "swapReviewSwap": {
    "message": "스왑 검토"
  },
-  "swapSearchForAToken": {
-    "message": "토큰 검색"
-  },
  "swapSelect": {
    "message": "선택"
  },
--- a/app/_locales/ph/messages.json
+++ b/app/_locales/ph/messages.json
@ -1707,9 +1707,6 @@
  "swap": {
    "message": "I-swap"
  },
-  "swapAdvancedSlippageInfo": {
-    "message": "Kung magbabago ang presyo sa pagitan ng oras ng pag-order mo at sa oras na nakumpirma ito, tinatawag itong “slippage.” Awtomatikong makakansela ang iyong pag-swap kung lalampas ang slippage sa iyong setting na “max slippage”."
-  },
  "swapAggregator": {
    "message": "Aggregator"
  },
@ -1833,9 +1830,6 @@
  "swapQuoteDetails": {
    "message": "Mga detalye ng quote"
  },
-  "swapQuoteDetailsSlippageInfo": {
-    "message": "Kung magbabago ang presyo sa pagitan ng oras ng pag-order mo at sa oras na nakumpirma ito, tinatawag itong \"slippage\". Awtomatikong makakansela ang iyong Pag-swap kung lalampas ang slippage sa iyong setting na \"tolerance ng slippage.\""
-  },
  "swapQuoteSource": {
    "message": "Pinagkunan ng quote"
  },
@ -1866,9 +1860,6 @@
  "swapReviewSwap": {
    "message": "Suriin ang Pag-swap"
  },
-  "swapSearchForAToken": {
-    "message": "Maghanap ng token"
-  },
  "swapSelect": {
    "message": "Piliin"
  },
--- a/app/_locales/pt/messages.json
+++ b/app/_locales/pt/messages.json
@ -2001,9 +2001,6 @@
  "networkNamePolygon": {
    "message": "Polygon"
  },
-  "networkNameRinkeby": {
-    "message": "Rinkeby"
-  },
  "networkNameTestnet": {
    "message": "Testnet"
  },
@ -3289,9 +3286,6 @@
  "swap": {
    "message": "Swap"
  },
-  "swapAdvancedSlippageInfo": {
-    "message": "Se o preço varia entre o momento em que a sua ordem é efetuada e o momento em que é confirmada, isso recebe o nome de \"slippage\". Sua troca será automaticamente cancelada se o slippage exceder a sua configuração de \"slippage máximo\"."
-  },
  "swapAggregator": {
    "message": "Agregador"
  },
@ -3455,9 +3449,6 @@
  "swapQuoteDetails": {
    "message": "Detalhes da cotação"
  },
-  "swapQuoteDetailsSlippageInfo": {
-    "message": "Se o preço varia entre o momento em que a sua ordem é efetuada e o momento em que é confirmada, isso recebe o nome de \"slippage\". Sua troca será automaticamente cancelada se o slippage for superior à configuração de \"tolerância a slippage\"."
-  },
  "swapQuoteSource": {
    "message": "Fonte da cotação"
  },
@ -3488,9 +3479,6 @@
  "swapReviewSwap": {
    "message": "Revisar troca"
  },
-  "swapSearchForAToken": {
-    "message": "Pesquisar um token"
-  },
  "swapSelect": {
    "message": "Selecione"
  },
--- a/app/_locales/pt_BR/messages.json
+++ b/app/_locales/pt_BR/messages.json
@ -1687,9 +1687,6 @@
  "networkNamePolygon": {
    "message": "Polygon"
  },
-  "networkNameRinkeby": {
-    "message": "Rinkeby"
-  },
  "networkNameTestnet": {
    "message": "Testnet"
  },
@ -2599,9 +2596,6 @@
  "swap": {
    "message": "Trocar"
  },
-  "swapAdvancedSlippageInfo": {
-    "message": "Se o preço varia entre o momento em que a sua ordem é efetuada e o momento em que é confirmada, isso recebe o nome de \"slippage\". Sua troca será automaticamente cancelada se o slippage exceder a sua configuração de \"slippage máximo\"."
-  },
  "swapAggregator": {
    "message": "Agregador"
  },
@ -2757,9 +2751,6 @@
  "swapQuoteDetails": {
    "message": "Detalhes da cotação"
  },
-  "swapQuoteDetailsSlippageInfo": {
-    "message": "Se o preço varia entre o momento em que a sua ordem é efetuada e o momento em que é confirmada, isso recebe o nome de \"slippage\". Sua troca será automaticamente cancelada se o slippage for superior à configuração de \"tolerância a slippage\"."
-  },
  "swapQuoteSource": {
    "message": "Fonte da cotação"
  },
@ -2790,9 +2781,6 @@
  "swapReviewSwap": {
    "message": "Revisar troca"
  },
-  "swapSearchForAToken": {
-    "message": "Buscar um token"
-  },
  "swapSelect": {
    "message": "Selecione"
  },
--- a/app/_locales/ru/messages.json
+++ b/app/_locales/ru/messages.json
@ -2001,9 +2001,6 @@
  "networkNamePolygon": {
    "message": "Polygon"
  },
-  "networkNameRinkeby": {
-    "message": "Rinkeby"
-  },
  "networkNameTestnet": {
    "message": "Тестовая сеть"
  },
@ -3289,9 +3286,6 @@
  "swap": {
    "message": "Обмен"
  },
-  "swapAdvancedSlippageInfo": {
-    "message": "Изменение цены в период между размещением заказа и подтверждением называется проскальзыванием. Ваш обмен будет автоматически отменен, если проскальзывание превысит вашу настройку «максимального проскальзывания»."
-  },
  "swapAggregator": {
    "message": "Агрегатор"
  },
@ -3455,9 +3449,6 @@
  "swapQuoteDetails": {
    "message": "Свдения о котировке"
  },
-  "swapQuoteDetailsSlippageInfo": {
-    "message": "Изменение цены в период между размещением заказа и подтверждением называется проскальзыванием. Обмен будет автоматически отменен, если фактическое проскальзывание превысит установленный «допуск проскальзывания»."
-  },
  "swapQuoteSource": {
    "message": "Источник котировки"
  },
@ -3488,9 +3479,6 @@
  "swapReviewSwap": {
    "message": "Проверить обмен"
  },
-  "swapSearchForAToken": {
-    "message": "Поиск токена"
-  },
  "swapSelect": {
    "message": "Выбрать"
  },
--- a/app/_locales/tl/messages.json
+++ b/app/_locales/tl/messages.json
@ -2001,9 +2001,6 @@
  "networkNamePolygon": {
    "message": "Polygon"
  },
-  "networkNameRinkeby": {
-    "message": "Rinkeby"
-  },
  "networkNameTestnet": {
    "message": "Testnet"
  },
@ -3289,9 +3286,6 @@
  "swap": {
    "message": "I-swap"
  },
-  "swapAdvancedSlippageInfo": {
-    "message": "Kung magbabago ang presyo sa pagitan ng oras ng pag-order mo at sa oras na nakumpirma ito, tinatawag itong “slippage”. Awtomatikong makakansela ang iyong pag-swap kung lalampas ang slippage sa iyong setting na “max slippage”."
-  },
  "swapAggregator": {
    "message": "Aggregator"
  },
@ -3455,9 +3449,6 @@
  "swapQuoteDetails": {
    "message": "Mga detalye ng quote"
  },
-  "swapQuoteDetailsSlippageInfo": {
-    "message": "Kung magbabago ang presyo sa pagitan ng oras ng pag-order mo at sa oras na nakumpirma ito, tinatawag itong \"slippage\". Awtomatikong makakansela ang iyong Pag-swap kung lalampas ang slippage sa iyong setting na \"max slippage\"."
-  },
  "swapQuoteSource": {
    "message": "Pinagkunan ng quote"
  },
@ -3488,9 +3479,6 @@
  "swapReviewSwap": {
    "message": "I-review ang Pag-swap"
  },
-  "swapSearchForAToken": {
-    "message": "Maghanap ng token"
-  },
  "swapSelect": {
    "message": "Piliin"
  },
--- a/app/_locales/tr/messages.json
+++ b/app/_locales/tr/messages.json
@ -2001,9 +2001,6 @@
  "networkNamePolygon": {
    "message": "Polygon"
  },
-  "networkNameRinkeby": {
-    "message": "Rinkeby"
-  },
  "networkNameTestnet": {
    "message": "Testnet"
  },
@ -3289,9 +3286,6 @@
  "swap": {
    "message": "Takas"
  },
-  "swapAdvancedSlippageInfo": {
-    "message": "Emrinizin verildiği ve onaylandığı zamanlar arasında fiyat farkı oluşursa buna \"fark\" denir. Fark, \"maks. fark\" ayarınızı aşarsa takas işleminiz otomatik olarak iptal edilir."
-  },
  "swapAggregator": {
    "message": "Toplayıcı"
  },
@ -3455,9 +3449,6 @@
  "swapQuoteDetails": {
    "message": "Teklif ayrıntıları"
  },
-  "swapQuoteDetailsSlippageInfo": {
-    "message": "Emrinizin verildiği ve onaylandığı zamanlar arasında fiyat farkı oluşursa buna \"fark\" denir. Fark, \"fark toleransı\" ayarınızı aşarsa Takas işleminiz otomatik olarak iptal edilir."
-  },
  "swapQuoteSource": {
    "message": "Teklif kaynağı"
  },
@ -3488,9 +3479,6 @@
  "swapReviewSwap": {
    "message": "Takası İncele"
  },
-  "swapSearchForAToken": {
-    "message": "Bir token ara"
-  },
  "swapSelect": {
    "message": "Seç"
  },
--- a/app/_locales/vi/messages.json
+++ b/app/_locales/vi/messages.json
@ -2001,9 +2001,6 @@
  "networkNamePolygon": {
    "message": "Polygon"
  },
-  "networkNameRinkeby": {
-    "message": "Rinkeby"
-  },
  "networkNameTestnet": {
    "message": "Mạng thử nghiệm"
  },
@ -3289,9 +3286,6 @@
  "swap": {
    "message": "Hoán đổi"
  },
-  "swapAdvancedSlippageInfo": {
-    "message": "Khi giá giữa thời điểm đặt lệnh và thời điểm xác nhận lệnh thay đổi, hiện tượng này được gọi là “trượt giá”. Giao dịch hoán đổi của bạn sẽ tự động hủy nếu mức trượt giá vượt quá “mức trượt giá tối đa” đã cài đặt."
-  },
  "swapAggregator": {
    "message": "Trình tổng hợp"
  },
@ -3455,9 +3449,6 @@
  "swapQuoteDetails": {
    "message": "Chi tiết báo giá"
  },
-  "swapQuoteDetailsSlippageInfo": {
-    "message": "Khi giá giữa thời điểm đặt lệnh và thời điểm xác nhận lệnh thay đổi, hiện tượng này được gọi là \"trượt giá\". Giao dịch hoán đổi của bạn sẽ tự động hủy nếu mức trượt giá vượt quá \"mức trượt giá cho phép\" đã đặt."
-  },
  "swapQuoteSource": {
    "message": "Nguồn báo giá"
  },
@ -3488,9 +3479,6 @@
  "swapReviewSwap": {
    "message": "Xem lại giao dịch hoán đổi"
  },
-  "swapSearchForAToken": {
-    "message": "Tìm kiếm token"
-  },
  "swapSelect": {
    "message": "Chọn"
  },
--- a/app/_locales/zh/messages.json
+++ b/app/_locales/zh/messages.json
@ -2004,9 +2004,6 @@
  "networkNamePolygon": {
    "message": "Polygon"
  },
-  "networkNameRinkeby": {
-    "message": "Rinkeby"
-  },
  "networkNameTestnet": {
    "message": "Testnet"
  },
@ -3299,9 +3296,6 @@
  "swap": {
    "message": "交换"
  },
-  "swapAdvancedSlippageInfo": {
-    "message": "如果在您下订单和确认订单之间价格发生了变化，这就叫做“滑点”。如果滑点超过您的“最大滑点”设置，您的交换将自动取消。"
-  },
  "swapAggregator": {
    "message": "聚合器"
  },
@ -3465,9 +3459,6 @@
  "swapQuoteDetails": {
    "message": "报价详情"
  },
-  "swapQuoteDetailsSlippageInfo": {
-    "message": "如果在您下订单和确认订单之间价格发生了变化，这就叫做“滑点”。如果滑点超过您的“最大滑点”设置，您的交换将自动取消。"
-  },
  "swapQuoteSource": {
    "message": "报价来源"
  },
@ -3498,9 +3489,6 @@
  "swapReviewSwap": {
    "message": "审查交换"
  },
-  "swapSearchForAToken": {
-    "message": "搜索代币"
-  },
  "swapSelect": {
    "message": "选择"
  },
--- a/app/_locales/zh_CN/messages.json
+++ b/app/_locales/zh_CN/messages.json
@ -1654,9 +1654,6 @@
  "networkNamePolygon": {
    "message": "Polygon"
  },
-  "networkNameRinkeby": {
-    "message": "Rinkeby"
-  },
  "networkNameTestnet": {
    "message": "Testnet"
  },
@ -2563,9 +2560,6 @@
  "swap": {
    "message": "兑换 Swap"
  },
-  "swapAdvancedSlippageInfo": {
-    "message": "如果价格在您下单和确认之间发生变化，这就叫做“滑点”。如果滑点超过您的“最大滑点”设置，您的的兑换将自动取消。"
-  },
  "swapAggregator": {
    "message": "聚合商"
  },
@ -2721,9 +2715,6 @@
  "swapQuoteDetails": {
    "message": "报价详情"
  },
-  "swapQuoteDetailsSlippageInfo": {
-    "message": "如果在您下订单和确认订单之间的价格发生了变化，这就叫做\"滑点\"。如果滑点超过您的\"最大滑点\"设置，您的兑换将自动取消。"
-  },
  "swapQuoteSource": {
    "message": "报价来源"
  },
@ -2754,9 +2745,6 @@
  "swapReviewSwap": {
    "message": "审查交换"
  },
-  "swapSearchForAToken": {
-    "message": "搜索代币"
-  },
  "swapSelect": {
    "message": "选择"
  },
--- a/app/images/icons/icon-add-outline.svg
+++ b/app/images/icons/icon-add-outline.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-add-outline" viewBox="0 0 512 512">
+  <path d="m256 469c-18 0-30-12-30-30l0-153-153 0c-18 0-30-12-30-30 0-18 12-30 30-30l153 0 0-153c0-18 12-30 30-30 18 0 30 12 30 30l0 153 153 0c18 0 30 12 30 30 0 18-12 30-30 30l-153 0 0 153c0 18-12 30-30 30z"/>
+</svg>
--- a/app/images/icons/icon-add-square-filled.svg
+++ b/app/images/icons/icon-add-square-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-add-square-filled" viewBox="0 0 512 512">
+  <path d="m337 51l-171 0c-75 0-119 45-119 119l0 172c0 74 44 119 119 119l171 0c75 0 119-45 119-119l0-172c1-74-44-119-119-119z m-3 220l-67 0 0 67c0 8-7 15-15 15-9 0-16-7-16-15l0-67-66 0c-9 0-16-7-16-15 0-8 7-15 16-15l66 0 0-67c0-8 7-15 16-15 8 0 15 7 15 15l0 67 67 0c8 0 15 7 15 15 0 8-7 15-15 15z"/>
+</svg>
--- a/app/images/icons/icon-arrow-2-down.svg
+++ b/app/images/icons/icon-arrow-2-down.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-arrow-2-down" viewBox="0 0 512 512">
+  <path d="m256 469c-6 0-11-2-15-6l-128-137c-8-9-8-23 0-32 8-9 21-9 29 0l93 99 0-328c0-13 8-22 21-22 13 0 21 9 21 22l0 328 93-99c8-9 21-9 29 0 8 9 8 23 0 32l-128 137c-4 4-9 6-15 6z"/>
+</svg>
--- a/app/images/icons/icon-arrow-2-left.svg
+++ b/app/images/icons/icon-arrow-2-left.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-arrow-2-left" viewBox="0 0 512 512">
+  <path d="m202 405c-7 0-11-2-16-6l-137-128c-9-9-9-21 0-30l137-128c9-8 23-8 32 0 9 8 9 21 0 29l-99 93 328 0c13 0 22 8 22 21 0 13-9 21-22 21l-328 0 99 93c9 8 9 21 0 29-5 4-11 6-16 6z"/>
+</svg>
--- a/app/images/icons/icon-arrow-2-right.svg
+++ b/app/images/icons/icon-arrow-2-right.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-arrow-2-right" viewBox="0 0 512 512">
+  <path d="m310 405c-7 0-11-2-16-6-9-8-9-21 0-29l99-93-328 0c-13 0-22-8-22-21 0-13 9-21 22-21l328 0-99-93c-9-8-9-21 0-29 9-8 23-8 32 0l137 128c4 4 6 9 6 15 0 6-2 11-6 15l-137 128c-5 4-9 6-16 6z"/>
+</svg>
--- a/app/images/icons/icon-arrow-2-up.svg
+++ b/app/images/icons/icon-arrow-2-up.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-arrow-2-up" viewBox="0 0 512 512">
+  <path d="m256 469c-13 0-21-9-21-22l0-328-93 99c-8 9-21 9-29 0-8-9-8-23 0-32l128-137c9-9 21-9 30 0l128 137c8 9 8 23 0 32-8 9-21 9-29 0l-93-99 0 328c0 13-8 22-21 22z"/>
+</svg>
--- a/app/images/icons/icon-arrow-down.svg
+++ b/app/images/icons/icon-arrow-down.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-arrow-down" viewBox="0 0 512 512">
+  <path d="m256 363c-17 0-32-7-45-21l-141-150c-8-10-8-26 0-36 9-9 22-9 31 0l140 153c9 9 21 9 30 0l140-153c9-9 22-9 31 0 8 10 8 24 0 33l-141 153c-13 14-28 21-45 21z"/>
+</svg>
--- a/app/images/icons/icon-arrow-left.svg
+++ b/app/images/icons/icon-arrow-left.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-arrow-left" viewBox="0 0 512 512">
+  <path d="m339 448c-7 0-11-2-16-6l-153-141c-28-23-28-64 0-90l153-141c9-8 23-8 33 0 9 9 9 22 0 31l-153 140c-9 9-9 21 0 30l153 140c9 9 9 22 0 31-5 4-12 6-17 6z"/>
+</svg>
--- a/app/images/icons/icon-arrow-right.svg
+++ b/app/images/icons/icon-arrow-right.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-arrow-right" viewBox="0 0 512 512">
+    <path d="m173 448c-7 0-12-2-17-6-9-9-9-22 0-31l153-140c4-4 7-9 7-15 0-6-3-11-7-15l-153-140c-9-9-9-22 0-31 10-8 24-8 33 0l153 141c14 13 21 28 21 45 0 17-7 35-21 45l-153 141c-4 4-9 6-16 6z"/>
+</svg>
--- a/app/images/icons/icon-arrow-up.svg
+++ b/app/images/icons/icon-arrow-up.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-arrow-up" viewBox="0 0 512 512">
+  <path d="m426 360c-6 0-10-2-15-7l-140-152c-9-9-21-9-30 0l-140 155c-9 9-22 9-31 0-8-10-8-24 0-33l141-153c26-28 67-28 90 0l141 153c8 9 8 23 0 33-5 4-9 4-16 4z"/>
+</svg>
--- a/app/images/icons/icon-bank-filled.svg
+++ b/app/images/icons/icon-bank-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-bank-filled" viewBox="0 0 512 512">
+  <path d="m456 399l0 62-409 0 0-62c0-11 9-20 20-20l369 0c11 0 20 9 20 20z m-307-163l-41 0 0 143 41 0z m82 0l-41 0 0 143 41 0z m82 0l-41 0 0 143 41 0z m82 0l-41 0 0 143 41 0z m82 240l-451 0c-8 0-15-7-15-15 0-9 7-16 15-16l451 0c8 0 15 7 15 16 0 8-7 15-15 15z m-34-348l-184-74c-4-1-11-1-15 0l-184 74c-8 3-13 11-13 19l0 68c0 11 9 21 20 21l369 0c11 0 20-10 20-21l0-68c0-8-5-16-13-19z m-191 56c-17 0-31-13-31-30 0-17 14-31 31-31 17 0 30 14 30 31 0 17-13 30-30 30z"/>
+</svg>
--- a/app/images/icons/icon-bank-token-filled.svg
+++ b/app/images/icons/icon-bank-token-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-bank-token" viewBox="0 0 512 512">
+    <path d="m279 139l60-27c2-2 6-2 9 0l61 27c6 2 9-3 6-9l-63-81c-4-6-11-6-15 0l-62 81c-6 6-2 11 4 9z m0 76l60 27c2 2 6 2 9 0l61-27c6-2 9 3 6 9l-63 81c-4 6-11 6-15 0l-62-81c-6-6-2-11 4-9z m64-72l-66 34 66 34 66-34z m-85 297l-2 0 0-22c0-10-8-18-17-18l-2 0 0-53 2 0c9 0 17-8 17-18l0-33c0-4-2-8-4-10-2-2-4-6-7-6l-85-36c-2 0-4-2-6-2-2 0-4 0-6 2l-85 36c-3 2-5 4-7 6-2 2-4 6-4 10l0 33c0 10 8 18 17 18l2 0 0 53-2 0c-9 0-17 8-17 18l0 22-2 0c-4 0-7 4-7 8 0 4 3 8 7 8l208 0c4 0 7-4 7-8 0-4-3-8-7-8z m-96-40l0-53 22 0 0 53z m-8-93c-6 0-11-6-11-11 0-6 5-12 11-12 6 0 11 6 11 12 0 5-5 11-11 11z m-8 40l0 53-22 0 0-53z m76 53l-23 0 0-53 25 0 0 53z m-136-53l25 0 0 53-25 0z m238 122c-6 0-9-2-13-8-2-4-2-9 0-15l19-36c3-8 13-10 18-6 8 4 10 14 6 20l-6 10c53-12 91-61 91-121 0-8 6-16 15-16 10 0 15 6 15 16 2 87-64 156-145 156z m-245-256c-8 0-16-8-16-16 0-85 67-154 148-154 5 0 9 2 13 8 2 4 2 9 0 15l-19 36c-4 8-13 10-19 6-7-4-9-14-6-20l6-10c-55 12-92 59-92 119 0 8-8 16-15 16z"/>
+</svg>
--- a/app/images/icons/icon-book-filled.svg
+++ b/app/images/icons/icon-book-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-book-filled" viewBox="0 0 512 512">
+  <path d="m469 111l0 256c0 21-17 40-37 42l-7 1c-35 5-84 20-124 36-14 6-29-4-29-20l0-299c0-8 5-15 12-19 39-22 98-41 138-44l1 0c26 0 46 21 46 47z m-240-3c-39-22-98-41-139-44l-1 0c-26 0-46 21-46 47l0 256c0 21 17 40 37 42l7 1c35 5 84 20 124 36 14 6 29-4 29-20l0-299c0-8-4-15-11-19z m-122 65l48 0c9 0 16 7 16 16 0 9-7 16-16 16l-48 0c-9 0-16-7-16-16 0-9 7-16 16-16z m64 97l-64 0c-9 0-16-7-16-16 0-9 7-16 16-16l64 0c9 0 16 7 16 16 0 9-7 16-16 16z"/>
+</svg>
--- a/app/images/icons/icon-bookmark-filled.svg
+++ b/app/images/icons/icon-bookmark-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-bookmark-filled" viewBox="0 0 512 512">
+  <path d="m456 170l0 172c0 66-53 119-119 119l-171 0c-66 0-119-53-119-119l0-172c0-51 21-88 58-106 13-6 29 4 29 19l0 182c0 24 9 43 26 53 17 10 39 8 61-5l27-16c1-1 6-1 7-1l27 17c15 8 27 11 38 11 10 0 18-3 23-6 17-10 26-29 26-53l0-182c0-15 16-25 29-19 37 18 58 55 58 106z m-138-119c11 0 21 9 21 21l0 193c0 13-4 23-11 26-7 5-18 2-30-5l-27-16c-11-6-28-6-39 0l-27 16c-12 7-23 9-30 5-7-3-11-13-11-26l0-193c0-12 10-21 21-21z"/>
+</svg>
--- a/app/images/icons/icon-calculator-filled.svg
+++ b/app/images/icons/icon-calculator-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-calculator-filled" viewBox="0 0 512 512">
+  <path d="m333 51l-163 0c-57 0-103 46-103 103l0 204c0 57 46 103 103 103l163 0c57 0 103-46 103-103l0-204c0-57-46-103-103-103z m-146 341c-4 4-9 6-14 6-6 0-11-2-15-6-4-4-6-9-6-15 0-5 2-10 6-14 2-2 4-4 7-5 5-2 11-2 16 0 1 1 2 1 3 2 1 1 2 2 3 3 4 4 6 9 6 14 0 6-2 11-6 15z m-35-97c0-2 1-5 2-7 1-3 2-5 4-7 5-5 12-7 19-6 1 0 2 1 4 1 1 1 2 2 3 2 1 1 2 2 3 3 2 2 4 4 5 7 1 2 1 5 1 7 0 6-2 11-6 15-4 4-9 6-14 6-3 0-6-1-8-2-3-1-5-2-7-4-4-4-6-9-6-15z m117 97c-2 2-4 3-6 4-3 1-6 2-8 2-6 0-11-2-15-6-4-4-6-9-6-15 0-1 0-2 1-4 0-1 0-2 1-4 0-1 1-2 2-3 0-1 1-2 2-3 2-2 4-4 7-5 7-3 16-1 22 5 4 4 6 9 6 14 0 6-2 11-6 15z m0-82c-4 4-9 6-14 6-6 0-11-2-15-6-4-4-6-9-6-15 0-5 2-10 6-14 8-8 22-8 29 0 2 2 4 4 5 7 1 2 1 5 1 7 0 6-2 11-6 15z m-79-86c-21 0-38-17-38-38l0-21c0-21 17-38 38-38l123 0c21 0 38 17 38 38l0 21c0 21-17 38-38 38z m161 168c-4 4-9 6-14 6-3 0-6-1-8-2-3-1-5-2-7-4-4-4-6-9-6-15 0-5 2-10 6-14 6-6 15-8 23-5 2 1 4 3 6 5 4 4 6 9 6 14 0 6-2 11-6 15z m5-89c-1 3-3 5-5 7-4 4-9 6-14 6-6 0-11-2-15-6-4-4-6-9-6-15 0-5 2-10 6-14 8-8 21-8 29 0 4 4 6 9 6 14 0 3 0 6-1 8z"/>
+</svg>
--- a/app/images/icons/icon-card-filled.svg
+++ b/app/images/icons/icon-card-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-card-filled" viewBox="0 0 512 512">
+  <path d="m456 165c0 13-11 24-24 24l-361 0c-13 0-24-11-24-24l0 0c0-47 38-85 84-85l240 0c47 0 85 38 85 85z m-409 80l0 102c0 47 38 85 84 85l240 0c47 0 85-38 85-85l0-102c0-14-11-25-24-25l-361 0c-13 0-24 11-24 25z m123 119l-41 0c-9 0-16-7-16-16 0-8 7-15 16-15l41 0c8 0 15 7 15 15 0 9-7 16-15 16z m133 0l-82 0c-9 0-16-7-16-16 0-8 7-15 16-15l82 0c8 0 15 7 15 15 0 9-7 16-15 16z"/>
+</svg>
--- a/app/images/icons/icon-card-pos-filled.svg
+++ b/app/images/icons/icon-card-pos-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-card-pos-filled" viewBox="0 0 512 512">
+  <path d="m456 445c0 9-7 16-15 16l-379 0c-8 0-15-7-15-16 0-8 7-15 15-15l379 0c8 0 15 7 15 15z m-135-342l-220 220c-8 8-22 8-30 0l0 0c-29-29-29-75 0-104l146-146c29-29 75-29 104 0 8 8 8 22 0 30z m111 81l-62-62c-9-9-22-9-30 0l-220 220c-9 8-9 21 0 30l62 62c29 29 75 29 104 0l146-146c29-29 29-75 0-104z m-165 185l-25 25c-5 5-13 5-19 0-5-5-5-13 0-19l25-25c5-5 14-5 19 0 5 5 5 14 0 19z m81-81l-50 50c-5 5-13 5-18 0-6-5-6-14 0-19l50-50c5-5 13-5 18 0 6 5 6 14 0 19z"/>
+</svg>
--- a/app/images/icons/icon-card-token-filled.svg
+++ b/app/images/icons/icon-card-token-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-card-token-filled" viewBox="0 0 512 512">
+  <path d="m257 329l0 2c0 6-4 10-10 10l-179 0c-5 0-9-4-9-10l0-2c0-35 7-43 43-43l111 0c36 0 44 8 44 43z m-189 32c-5 0-9 4-9 10l0 39c0 36 7 44 43 44l111 0c36 0 44-8 44-44l0-39c0-6-4-10-10-10z m201-222l63-27c2-2 6-2 10 0l64 27c6 2 10-3 6-9l-66-81c-4-6-12-6-16 0l-65 81c-6 6-2 11 4 9z m0 76l63 27c2 2 6 2 10 0l64-27c6-2 10 3 6 9l-66 81c-4 6-12 6-16 0l-65-81c-6-6-2-11 4-9z m67-72l-69 34 69 34 70-34z m-19 326c-6 0-10-2-14-8-2-4-2-9 0-15l19-36c4-8 14-10 20-6 8 4 10 14 6 20l-6 10c56-12 96-61 96-121 0-8 5-16 15-16 10 0 16 6 16 16 2 87-67 156-152 156z m-258-256c-8 0-16-8-16-16 0-85 69-154 154-154 6 0 10 2 14 8 2 4 2 9 0 15l-20 36c-3 8-13 10-19 6-8-4-10-14-6-20l6-10c-58 12-98 59-98 119 0 8-8 16-15 16z"/>
+</svg>
--- a/app/images/icons/icon-category-filled.svg
+++ b/app/images/icons/icon-category-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-category-filled" viewBox="0 0 512 512">
+  <path d="m154 51l-39 0c-45 0-68 24-68 68l0 39c0 45 23 69 68 69l39 0c44 0 68-24 68-69l0-39c0-44-23-68-68-68z m234 0l-39 0c-44 0-68 24-68 68l0 39c0 45 24 69 68 69l39 0c45 0 68-24 68-69l0-39c0-44-23-68-68-68z m0 234l-39 0c-44 0-68 24-68 68l0 39c0 45 24 69 68 69l39 0c45 0 68-24 68-69l0-39c0-44-23-68-68-68z m-234 0l-39 0c-45 0-68 24-68 68l0 39c0 45 23 69 68 69l39 0c44 0 68-24 68-68l0-39c0-45-23-69-68-69z"/>
+</svg>
--- a/app/images/icons/icon-chart-filled.svg
+++ b/app/images/icons/icon-chart-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-chart-filled" viewBox="0 0 512 512">
+  <path d="m436 476l-369 0c-8 0-15-7-15-15 0-9 7-16 15-16l369 0c8 0 15 7 15 16 0 8-7 15-15 15z m-316-294l-32 0c-12 0-21 9-21 20l0 177c0 11 9 20 21 20l32 0c12 0 21-9 21-20l0-177c0-11-9-20-21-20z m148-65l-33 0c-11 0-20 9-20 20l0 242c0 11 9 20 20 20l33 0c11 0 20-9 20-20l0-242c0-11-9-20-20-20z m147-66l-32 0c-12 0-21 9-21 21l0 307c0 11 9 20 21 20l32 0c12 0 21-9 21-20l0-307c0-12-9-21-21-21z"/>
+</svg>
--- a/app/images/icons/icon-check-box-off-outline.svg
+++ b/app/images/icons/icon-check-box-off-outline.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-check-box-off-outline" viewBox="0 0 512 512">
+  <path d="m320 485l-128 0c-116 0-165-49-165-165l0-128c0-116 49-165 165-165l128 0c116 0 165 49 165 165l0 128c0 116-49 165-165 165z m-128-426c-98 0-133 35-133 133l0 128c0 98 35 133 133 133l128 0c98 0 133-35 133-133l0-128c0-98-35-133-133-133z"/>
+</svg>
--- a/app/images/icons/icon-check-box-on-filled.svg
+++ b/app/images/icons/icon-check-box-on-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-check-box-on-filled" viewBox="0 0 512 512">
+  <path d="m345 43l-178 0c-78 0-124 46-124 124l0 178c0 78 46 124 124 124l178 0c78 0 124-46 124-124l0-178c0-78-46-124-124-124z m13 164l-121 121c-3 3-7 5-11 5-5 0-9-2-12-5l-60-60c-6-7-6-17 0-23 6-6 16-6 23 0l49 49 109-110c7-6 17-6 23 0 6 7 6 17 0 23z"/>
+</svg>
--- a/app/images/icons/icon-check-circle-on-filled.svg
+++ b/app/images/icons/icon-check-circle-on-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-check-circle-on-filled" viewBox="0 0 512 512">
+  <path d="m27 256c0-126 103-229 229-229 126 0 229 103 229 229 0 126-103 229-229 229-126 0-229-103-229-229z m229-197c-108 0-197 89-197 197 0 108 89 197 197 197 108 0 197-89 197-197 0-108-89-197-197-197z m213 197c0 117-96 213-213 213-117 0-213-96-213-213 0-117 96-213 213-213 117 0 213 96 213 213z m-111-49c6-6 6-16 0-23-6-6-16-6-23 0l-109 110-49-49c-7-7-17-7-23 0-6 6-6 16 0 22l60 61c7 6 17 6 23 0z"/>
+</svg>
--- a/app/images/icons/icon-check-outline.svg
+++ b/app/images/icons/icon-check-outline.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-check-outline" viewBox="0 0 512 512">
+  <path d="m203 384c-5 0-8-2-11-5l-107-112c-7-6-7-16 0-22 6-7 16-7 22 0l95 99 203-211c6-7 16-7 22 0 7 6 7 16 0 22l-213 224c-3 3-8 5-11 5z"/>
+</svg>
--- a/app/images/icons/icon-clock-filled.svg
+++ b/app/images/icons/icon-clock-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-clock-filled" viewBox="0 0 512 512">
+  <path d="m252 51c-113 0-205 92-205 205 0 113 92 205 205 205 112 0 204-92 204-205 0-113-92-205-204-205z m89 278c-3 5-8 8-14 8-2 0-5-1-7-3l-64-37c-16-10-27-31-27-49l0-84c0-8 7-15 15-15 8 0 15 7 15 15l0 84c0 8 6 18 13 22l63 38c8 4 10 14 6 21z"/>
+</svg>
--- a/app/images/icons/icon-close-outline.svg
+++ b/app/images/icons/icon-close-outline.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-close-outline-1" viewBox="0 0 512 512">
+  <path d="m66 469c-7 0-11-2-16-7-10-9-10-23 0-33l379-379c10-10 24-10 33 0 10 9 10 23 0 33l-379 379c-5 5-10 7-17 7z m380 0c-7 0-12-2-17-7l-379-379c-10-10-10-24 0-33 9-10 23-10 33 0l379 379c10 10 10 24 0 33-5 5-9 7-16 7z"/>
+</svg>
--- a/app/images/icons/icon-code-circle-filled.svg
+++ b/app/images/icons/icon-code-circle-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-code-circle-filled" viewBox="0 0 512 512">
+  <path d="m252 51c-114 0-205 92-205 205 0 113 91 205 205 205 113 0 204-92 204-205 0-113-91-205-204-205z m-72 235c6 6 6 16 0 22-3 3-7 4-10 4-4 0-8-1-11-4l-41-41c-6-6-6-16 0-22l41-41c6-6 16-6 21 0 6 6 6 16 0 22l-30 30z m106-72l-41 96c-2 6-8 9-14 9-2 0-4 0-6-1-8-3-11-12-8-20l41-96c3-8 12-12 20-8 8 3 11 12 8 20z m99 53l-41 41c-3 3-7 4-11 4-3 0-7-1-10-4-6-6-6-16 0-22l30-30-30-30c-6-6-6-16 0-22 6-6 15-6 21 0l41 41c6 6 6 16 0 22z"/>
+</svg>
--- a/app/images/icons/icon-coin-filled.svg
+++ b/app/images/icons/icon-coin-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-coin-filled" viewBox="0 0 512 512">
+  <path d="m455 353c-7 55-52 99-106 106-33 4-64-5-88-22-14-10-10-32 6-37 62-18 110-67 129-129 5-16 26-19 36-6 18 25 27 55 23 88z m-245-302c-90 0-163 74-163 164 0 90 73 163 163 163 91 0 164-73 164-163 0-90-73-164-164-164z m-19 141l49 17c18 6 27 19 27 38 0 22-18 41-39 41l-2 0 0 1c0 8-7 15-15 15-9 0-16-7-16-15l0-2c-23-1-41-20-41-43 0-9 7-16 16-16 8 0 15 7 15 16 0 7 5 13 12 13l31 0c4 0 8-4 8-10 0-7-1-7-6-9l-49-17c-18-6-27-19-27-38 0-22 18-41 39-41l2 0 0 0c0-9 7-16 16-16 8 0 15 7 15 16l0 1c23 1 41 20 41 44 0 8-7 15-15 15-9 0-16-7-16-15 0-8-5-14-12-14l-30 0c-5 0-9 5-9 10 0 7 1 7 6 9z"/>
+</svg>
--- a/app/images/icons/icon-confirmation-filled.svg
+++ b/app/images/icons/icon-confirmation-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-confirmation-filled" viewBox="0 0 512 512">
+  <path d="m256 43c-118 0-213 95-213 213 0 118 95 213 213 213 118 0 213-95 213-213 0-118-95-213-213-213z m102 164l-121 121c-3 3-7 5-11 5-5 0-9-2-12-5l-60-60c-6-7-6-17 0-23 6-6 16-6 23 0l49 49 109-110c7-6 17-6 23 0 6 7 6 17 0 23z"/>
+</svg>
--- a/app/images/icons/icon-connect-filled.svg
+++ b/app/images/icons/icon-connect-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-connect-filled" viewBox="0 0 512 512">
+  <path d="m252 305c26 0 48-22 48-49 0-27-22-49-48-49-27 0-49 22-49 49 0 27 22 49 49 49z m163 89c-3 0-6-1-9-3-7-5-8-15-3-21 25-33 38-73 38-114 0-41-13-81-38-114-5-6-4-16 3-21 7-5 17-4 22 3 29 38 44 84 44 132 0 48-15 94-44 132-3 4-8 6-13 6z m-327 0c-5 0-10-2-13-6-28-38-44-84-44-132 0-48 16-94 44-132 6-7 15-8 22-3 7 5 8 15 3 21-25 33-38 73-38 114 0 41 13 81 38 114 5 6 4 16-3 21-3 2-6 3-9 3z m262-49c-3 0-7-1-9-3-7-5-9-15-3-21 14-19 21-41 21-65 0-24-7-46-21-65-6-6-4-16 3-21 6-5 16-4 21 3 18 24 28 53 28 83 0 30-10 59-28 83-3 4-7 6-12 6z m-197 0c-4 0-9-2-12-6-18-24-28-53-28-83 0-30 10-59 28-83 5-7 15-8 21-3 7 5 9 15 4 21-15 19-22 41-22 65 0 24 7 46 22 65 5 6 3 16-4 21-2 2-6 3-9 3z"/>
+</svg>
--- a/app/images/icons/icon-copy-filled.svg
+++ b/app/images/icons/icon-copy-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-copy-filled" viewBox="0 0 512 512">
+  <path d="m333 274l0 86c0 72-28 101-100 101l-86 0c-72 0-100-29-100-101l0-86c0-71 28-100 100-100l86 0c72 0 100 29 100 100z m23-223l-86 0c-63 0-93 23-99 77-1 11 8 20 20 20l42 0c86 0 126 40 126 126l0 43c0 11 9 21 21 19 54-6 76-35 76-98l0-86c0-72-28-101-100-101z"/>
+</svg>
--- a/app/images/icons/icon-copy-success-filled.svg
+++ b/app/images/icons/icon-copy-success-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-copy-success-filled" viewBox="0 0 512 512">
+  <path d="m356 51l-86 0c-63 0-93 23-99 77-1 11 8 20 20 20l42 0c86 0 126 40 126 126l0 43c0 11 9 21 21 19 54-6 76-35 76-98l0-86c0-72-28-101-100-101z m-123 123l-86 0c-72 0-100 29-100 100l0 86c0 72 28 101 100 101l86 0c72 0 100-29 100-101l0-86c0-71-28-100-100-100z m24 116l-76 76c-2 3-6 4-10 4-4 0-8-1-10-4l-39-38c-5-6-5-15 0-21 6-6 15-6 21 0l28 28 66-66c5-6 15-6 20 0 6 6 6 15 0 21z"/>
+</svg>
--- a/app/images/icons/icon-danger-filled.svg
+++ b/app/images/icons/icon-danger-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-danger-filled" viewBox="0 0 512 512">
+  <path d="m443 342l-126-241c-16-32-40-50-65-50-26 0-50 18-66 50l-126 241c-16 30-18 60-5 83 13 23 38 36 71 36l251 0c33 0 58-13 71-36 13-23 11-53-5-83z m-206-145c0-8 6-15 15-15 8 0 14 7 14 15l0 105c0 8-6 15-14 15-9 0-15-7-15-15z m28 182c-1 1-2 2-3 3-1 0-2 1-3 1-1 1-2 1-4 2-1 0-2 0-3 0-2 0-3 0-4 0-2-1-3-1-4-2-1 0-2-1-3-1-1-1-2-2-3-3-4-4-6-9-6-15 0-5 2-11 6-15 1 0 2-1 3-2 1-1 2-2 3-2 1-1 2-1 4-1 2-1 5-1 7 0 2 0 3 0 4 1 1 0 2 1 3 2 1 1 2 2 3 2 4 4 6 10 6 15 0 6-2 11-6 15z"/>
+</svg>
--- a/app/images/icons/icon-dark-filled.svg
+++ b/app/images/icons/icon-dark-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-dark-filled" viewBox="0 0 512 512">
+  <path d="m447 336c-4-5-13-14-36-10-12 3-25 4-38 3-48-2-91-24-121-58-27-29-43-68-43-110 0-23 4-46 13-67 9-21 3-32-2-36-4-5-15-11-37-2-84 35-136 119-130 209 7 84 66 157 145 184 18 6 38 10 59 11 3 0 6 1 10 1 68 0 133-33 173-88 14-19 10-31 7-37z"/>
+</svg>
--- a/app/images/icons/icon-data-filled.svg
+++ b/app/images/icons/icon-data-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-data-filled" viewBox="0 0 512 512">
+  <path d="m415 302c26 0 46-21 46-46 0-25-20-46-46-46-25 0-46 21-46 46 0 25 21 46 46 46z m0-164c26 0 46-20 46-46 0-25-20-46-46-46-25 0-46 21-46 46 0 26 21 46 46 46z m0 328c26 0 46-21 46-46 0-26-20-46-46-46-25 0-46 20-46 46 0 25 21 46 46 46z m-327-164c25 0 46-21 46-46 0-25-21-46-46-46-26 0-46 21-46 46 0 25 20 46 46 46z m307-31c8 0 15-7 15-15 0-8-7-15-15-15l-149 0 0-87c0-33 14-46 46-46l103 0c8 0 15-7 15-16 0-8-7-15-15-15l-103 0c-49 0-76 27-76 77l0 87-108 0c-8 0-15 7-15 15 0 8 7 15 15 15l108 0 0 87c0 50 27 77 76 77l103 0c8 0 15-7 15-15 0-9-7-16-15-16l-103 0c-32 0-46-13-46-46l0-87z"/>
+</svg>
--- a/app/images/icons/icon-diagram.svg
+++ b/app/images/icons/icon-diagram.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-diagram" viewBox="0 0 512 512">
+  <path d="m450 469l-330 0c-42 0-77-35-77-77l0-330c0-12 7-19 19-19 12 0 19 7 19 19l0 330c0 21 18 39 39 39l330 0c12 0 19 7 19 19 0 12-7 19-19 19z m-330-97c-4 0-9-2-11-4-8-7-10-19-2-27l87-104c12-12 25-20 43-20 15 0 31 6 42 18l18 17c4 4 9 6 13 6 6 0 10-2 14-6l89-105c8-7 19-9 27-2 8 8 10 20 2 28l-85 102c-10 12-25 20-43 20-15 0-31-6-42-18l-20-19c-4-4-10-6-13-6-6 0-10 2-14 8l-89 105c-4 5-10 7-16 7z"/>
+</svg>
--- a/app/images/icons/icon-document-code-filled.svg
+++ b/app/images/icons/icon-document-code-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-document-code-filled" viewBox="0 0 512 512">
+  <path d="m333 51l-163 0c-72 0-103 41-103 103l0 204c0 62 31 103 103 103l163 0c72 0 103-41 103-103l0-204c0-62-31-103-103-103z m-112 297c6 5 6 15 0 21-3 3-7 5-10 5-4 0-8-2-11-5l-41-41c-6-6-6-15 0-21l41-41c6-6 15-6 21 0 6 6 6 15 0 21l-30 30z m123-20l-41 41c-3 3-7 5-11 5-3 0-7-2-10-5-6-6-6-16 0-21l30-31-30-30c-6-6-6-15 0-21 6-6 15-6 21 0l41 41c6 6 6 15 0 21z m41-128l-41 0c-31 0-57-26-57-57l0-41c0-8 7-15 16-15 8 0 15 7 15 15l0 41c0 14 12 26 26 26l41 0c8 0 15 7 15 15 0 9-7 16-15 16z"/>
+</svg>
--- a/app/images/icons/icon-edit-filled.svg
+++ b/app/images/icons/icon-edit-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-edit-filled" viewBox="0 0 512 512">
+  <path d="m436 461l-369 0c-8 0-15-7-15-16 0-8 7-15 15-15l369 0c8 0 15 7 15 15 0 9-7 16-15 16z m-41-379c-39-40-78-41-119 0l-25 24c-2 2-3 6-2 8 16 55 59 98 113 114 1 0 2 0 3 0 2 0 4-1 6-2l24-25c21-20 30-40 30-59 1-21-9-40-30-60z m-70 164c-5-2-11-5-17-9-4-2-9-5-13-8-3-2-7-6-11-9-1 0-2-1-4-3-7-6-14-13-21-21-1-1-2-2-3-4-2-3-6-7-9-11-2-3-5-8-8-12-3-6-6-12-9-17 0-1 0-2-1-3-3-7-12-9-17-4l-117 118c-3 2-5 8-6 11l-11 78c-2 14 2 27 10 36 8 7 18 11 29 11 2 0 5 0 7 0l79-11c4-1 9-3 11-6l117-117c6-6 4-15-3-18-1 0-2 0-3-1z"/>
+</svg>
--- a/app/images/icons/icon-eraser-filled.svg
+++ b/app/images/icons/icon-eraser-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-eraser-filled" viewBox="0 0 512 512">
+  <path d="m436 461l-144 0c-8 0-15-7-15-16 0-8 7-15 15-15l144 0c9 0 16 7 16 15 0 9-7 16-16 16z m-151-109c8 8 8 21 0 29l-61 61c-23 23-59 24-83 4-2-1-3-3-4-4l-72-72c-2-1-3-3-4-4-20-24-19-60 4-83l61-61c8-8 21-8 29 0z m153-124l-102 103c-8 8-21 8-29 0l-130-131c-8-7-8-20 0-29l102-102c24-24 63-24 87 0l72 72c24 24 24 63 0 87z"/>
+</svg>
--- a/app/images/icons/icon-expand-outline.svg
+++ b/app/images/icons/icon-expand-outline.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-expand-outline" viewBox="0 0 512 512">
+  <path d="m192 469l-128 0c-2 0-6 0-9-2-2 0-4-2-6-4-2-2-4-4-4-6-2-3-2-7-2-9l0-128c0-13 8-21 21-21 13 0 21 8 21 21l0 77 124-124c9-8 21-8 30 0 8 9 8 21 0 30l-124 124 77 0c13 0 21 8 21 21 0 13-8 21-21 21z m96-224c-6 0-11-2-15-6-8-9-8-21 0-30l124-124-77 0c-13 0-21-8-21-21 0-13 8-21 21-21l128 0c2 0 6 0 9 2 2 0 4 2 6 4 2 2 4 4 4 6 2 3 2 7 2 9l0 128c0 13-8 21-21 21-13 0-21-8-21-21l0-77-124 124c-4 4-9 6-15 6z"/>
+</svg>
--- a/app/images/icons/icon-explore-filled.svg
+++ b/app/images/icons/icon-explore-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-explore-filled" viewBox="0 0 512 512">
+  <path d="m262 469c118 0 213-95 213-213 0-118-95-213-213-213-118 0-213 95-213 213 0 118 95 213 213 213z m85-361c18-4 36 1 49 14 13 13 18 31 14 49l-37 146c-6 25-25 44-50 50l-146 37c-4 1-9 1-13 1-13 0-26-5-36-15-13-13-18-31-14-49l37-146c6-25 25-44 50-50z m-143 148c0 32 26 58 58 58 32 0 58-26 58-58 0-32-26-58-58-58-32 0-58 26-58 58z"/>
+</svg>
--- a/app/images/icons/icon-export.svg
+++ b/app/images/icons/icon-export.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-export" viewBox="0 0 512 512">
+  <path d="m313 469l-114 0c-108 0-156-48-156-156l0-114c0-108 48-156 156-156l39 0c13 0 23 9 23 23 0 13-10 23-23 23l-39 0c-83 0-110 27-110 110l0 114c0 83 27 110 110 110l114 0c83 0 110-27 110-110l0-39c0-13 10-23 23-23 14 0 23 10 23 23l0 39c0 108-48 156-156 156z m-39-208c-7 0-11-3-16-7-9-9-9-23 0-32l133-133-36 0c-14 0-23-10-23-23 0-14 9-23 23-23l91 0c14 0 23 9 23 23l0 91c0 14-9 23-23 23-13 0-23-9-23-23l0-36-133 133c-4 4-9 7-16 7z"/>
+</svg>
--- a/app/images/icons/icon-eye-filled.svg
+++ b/app/images/icons/icon-eye-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-eye-filled" viewBox="0 0 512 512">
+  <path d="m441 198c-47-75-117-118-189-118-37 0-72 11-105 31-32 20-61 49-85 87-20 32-20 84 0 116 47 75 117 117 190 117 36 0 71-10 104-30 32-20 61-50 85-87 20-32 20-84 0-116z m-189 141c-46 0-83-37-83-83 0-46 37-83 83-83 45 0 82 37 82 83 0 46-37 83-82 83z m0-142c-33 0-59 27-59 59 0 32 26 58 59 58 32 0 58-26 58-58 0-32-26-59-58-59z"/>
+</svg>
--- a/app/images/icons/icon-eye-slash-filled.svg
+++ b/app/images/icons/icon-eye-slash-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-eye-slash-filled" viewBox="0 0 512 512">
+  <path d="m441 198c-6-9-12-18-18-26-8-10-22-11-31-2l-61 61c4 14 5 30 1 46-7 29-31 52-60 59-16 4-31 3-45-1 0 0-29 29-50 50-10 10-7 28 7 34 21 8 44 13 68 13 36 0 71-11 104-31 33-20 62-51 86-89 20-31 19-83-1-114z m-148 17l-83 82c-10-10-17-25-17-41 0-32 26-59 59-59 15 0 30 7 41 18z m87-87l-70 69c-15-15-36-24-58-24-46 0-83 37-83 83 0 23 9 44 24 59l-69 69 0 0c-23-18-44-42-62-70-20-32-20-84 0-116 24-38 53-67 85-87 33-20 68-31 105-31 45 0 89 17 128 48z m-70 128c0 32-26 59-58 59-2 0-3 0-4-1l62-61c0 1 0 2 0 3z m142-200c-7-6-17-6-23 0l-378 378c-6 6-6 16 0 22 3 3 7 5 11 5 5 0 8-2 12-5l378-378c6-6 6-16 0-22z"/>
+</svg>
--- a/app/images/icons/icon-filter-outline.svg
+++ b/app/images/icons/icon-filter-outline.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-filter-outline" viewBox="0 0 512 512">
+  <path d="m436 169l-369 0c-8 0-15-7-15-15 0-9 7-16 15-16l369 0c8 0 15 7 15 16 0 8-7 15-15 15z m-62 102l-245 0c-9 0-16-7-16-15 0-8 7-15 16-15l245 0c9 0 16 7 16 15 0 8-7 15-16 15z m-82 103l-81 0c-9 0-16-7-16-16 0-8 7-15 16-15l81 0c9 0 16 7 16 15 0 9-7 16-16 16z"/>
+</svg>
--- a/app/images/icons/icon-flag-filled.svg
+++ b/app/images/icons/icon-flag-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-flag-filled" viewBox="0 0 512 512">
+  <path d="m317 157l-164-71 0-19c0-9-7-16-15-16-9 0-15 7-15 16l0 378c0 9 6 16 15 16 8 0 15-7 15-16l0-81 169-83c0 0 0 0 0 0 34-17 52-40 51-64-1-24-21-45-56-60z"/>
+</svg>
--- a/app/images/icons/icon-flash-filled.svg
+++ b/app/images/icons/icon-flash-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-flash-filled" viewBox="0 0 512 512">
+  <path d="m373 230l-64 0 0-148c0-34-18-41-41-15l-16 18-139 158c-19 22-11 39 17 39l64 0 0 148c0 34 18 41 41 15l17-18 138-158c19-22 11-39-17-39z"/>
+</svg>
--- a/app/images/icons/icon-flash-slash-filled.svg
+++ b/app/images/icons/icon-flash-slash-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-flash-slash-filled" viewBox="0 0 512 512">
+  <path d="m452 56c-7-6-17-6-23 0l-378 378c-6 6-6 16 0 22 4 3 7 5 11 5 5 0 8-2 12-5l378-378c6-6 6-16 0-22z m-143 26l0 116-115 116 0-32-64 0c-28 0-36-17-17-39l155-176c23-26 41-19 41 15z m81 187l-155 176c-23 26-41 19-41-15l0-55 145-145 34 0c28 0 36 17 17 39z"/>
+</svg>
--- a/app/images/icons/icon-full-circle-filled.svg
+++ b/app/images/icons/icon-full-circle-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-full-circle-filled" viewBox="0 0 512 512">
+  <path d="m85 256c0 94 77 171 171 171 94 0 171-77 171-171 0-94-77-171-171-171-94 0-171 77-171 171z m171-213c-118 0-213 95-213 213 0 118 95 213 213 213 118 0 213-95 213-213 0-118-95-213-213-213z"/>
+</svg>
--- a/app/images/icons/icon-gas-filled.svg
+++ b/app/images/icons/icon-gas-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-gas-filled" viewBox="0 0 512 512">
+  <path d="m463 201l-41-20c-7-4-17-1-20 7-4 7-1 17 6 20l33 16 0 99-77 0 0-210c0-41-27-62-61-62l-164 0c-34 0-62 21-62 62l0 332-30 0c-9 0-16 7-16 16 0 8 7 15 16 15l348 0c8 0 15-7 15-15 0-9-7-16-15-16l-31 0 0-92 92 0c9 0 16-7 16-15l0-123c0-6-4-11-9-14z m-334-50c0-28 17-38 38-38l107 0c22 0 39 10 39 38l0 26c0 28-17 38-39 38l-107 0c-21 0-38-10-38-39z m10 110l61 0c9 0 16 7 16 15 0 9-7 16-16 16l-61 0c-9 0-15-7-15-16 0-8 6-15 15-15z"/>
+</svg>
--- a/app/images/icons/icon-global-filled.svg
+++ b/app/images/icons/icon-global-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-global-filled" viewBox="0 0 512 512">
+  <path d="m162 438c0 0-1 1-2 1-39-20-72-52-92-92 0-1 1-2 1-2 25 7 51 13 76 17 5 26 10 51 17 76z m273-91c-21 41-54 74-96 94 8-26 15-52 19-79 26-4 51-10 76-17 0 1 1 2 1 2z m1-179c-26-8-52-14-78-18-4-27-11-53-19-79 43 21 77 55 97 97z m-274-94c-7 25-12 50-17 76-26 4-52 10-78 18 20-41 53-75 93-95 1 0 2 1 2 1z m161 71c-48-5-95-5-143 0 5-28 12-56 21-83 0-2 0-3 0-4 17-4 33-7 51-7 17 0 34 3 49 7 1 1 1 2 1 4 9 27 16 55 21 83z m-182 182c-29-5-56-11-83-20-2-1-3-1-5-1-4-16-6-33-6-50 0-17 2-34 6-50 2 0 3 0 5-1 27-9 54-15 83-20-5 47-5 95 0 142z m315-71c0 17-2 34-6 50-2 0-3 0-5 1-27 9-55 15-83 20 6-47 6-95 0-142 28 5 56 11 83 20 2 1 3 1 5 1 4 16 6 33 6 50z m-133 111c-5 28-12 56-21 83 0 2 0 3-1 4-15 4-32 7-49 7-18 0-34-3-51-7 0-1 0-2 0-4-9-27-16-55-21-83 24 2 48 4 72 4 23 0 47-2 71-4z m6-34c-52 7-103 7-155 0-6-51-6-103 0-154 52-7 103-7 155 0 6 51 6 103 0 154z"/>
+</svg>
--- a/app/images/icons/icon-global-search-filled.svg
+++ b/app/images/icons/icon-global-search-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-global-search-filled" viewBox="0 0 512 512">
+  <path d="m452 437l-14-14c7-11 12-25 12-39 0-38-32-69-70-69-39 0-70 31-70 69 0 39 31 70 70 70 14 0 27-4 38-11l14 14c3 2 7 4 10 4 4 0 7-2 10-4 6-6 6-15 0-20z m-385-120c0 1-1 1-1 2 18 36 48 65 84 83 0 0 1 0 1 0-6-23-11-46-15-69-23-4-47-9-69-16z m332-160c-18-38-49-69-87-87 7 23 12 47 16 70 24 4 48 10 71 17z m-334 0c23-7 47-13 71-17 4-23 9-46 15-69 0 0-1 0-2 0-36 18-66 49-84 86z m232-21c-5-25-11-50-19-75-1-1-1-3-1-4-14-4-29-6-45-6-16 0-31 2-45 6-1 1 0 3-1 4-8 25-14 50-19 75 43-4 87-4 130 0z m-165 36c-26 4-51 10-76 19-1 0-2 0-3 0-4 15-6 30-6 46 0 15 2 30 6 45 1 0 2 0 4 0 24 9 49 15 75 19-5-43-5-86 0-129z m279 19c-1 0-2 0-4 0-24-9-50-15-75-19 5 43 5 86 0 129 25-5 51-10 75-19 2 0 3 0 4 0 4-15 6-30 6-46 0-15-2-30-6-45z m-244 146c5 25 11 50 19 75 1 1 0 3 1 4 14 4 29 6 45 6 16 0 31-2 45-6 0-1 0-3 1-4 8-25 14-50 19-75-22 2-43 4-65 4-22 0-43-2-65-4z m-4-170c-6 46-6 93 0 139 46 6 92 6 138 0 6-46 6-93 0-139-46-6-92-6-138 0z"/>
+</svg>
--- a/app/images/icons/icon-graph-filled.svg
+++ b/app/images/icons/icon-graph-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-graph-filled" viewBox="0 0 512 512">
+  <path d="m450 153c-14-45-51-82-95-95-34-10-57-9-73 3-20 15-22 41-22 59l0 51c0 51 23 76 68 76l59 0c18 0 45-2 59-21 13-16 14-40 4-73z m-57 131c-5-6-13-10-21-10l-73 0c-36 0-66-29-66-65l0-73c0-8-3-16-9-22-6-5-14-7-22-6-48 6-93 32-121 72-30 40-40 89-31 137 13 71 70 127 140 141 12 2 23 3 34 3 37 0 73-12 103-34 40-29 67-73 73-121 1-8-2-16-7-22z"/>
+</svg>
--- a/app/images/icons/icon-heart-filled.svg
+++ b/app/images/icons/icon-heart-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-heart-filled" viewBox="0 0 512 512">
+  <path d="m342 74c-37 0-70 18-90 45-21-27-54-45-91-45-63 0-114 51-114 114 0 25 4 47 10 68 33 102 132 164 182 180 7 3 18 3 25 0 50-16 149-78 182-180 6-21 10-43 10-68 0-63-51-114-114-114z"/>
+</svg>
--- a/app/images/icons/icon-hierarchy-filled.svg
+++ b/app/images/icons/icon-hierarchy-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-hierarchy-filled" viewBox="0 0 512 512">
+  <path d="m108 174c34 0 62-27 62-61 0-34-28-62-62-62-34 0-61 28-61 62 0 34 27 61 61 61z m287 143c34 0 61-27 61-61 0-34-27-61-61-61-34 0-62 27-62 61 0 34 28 61 62 61z m-287 144c34 0 62-28 62-62 0-34-28-61-62-61-34 0-61 27-61 61 0 34 27 62 61 62z m0-108c-8 0-15-7-15-15l0-164c0-8 7-15 15-15 9 0 16 7 16 15 0 45 21 67 66 67l143 0c9 0 16 7 16 15 0 8-7 15-16 15l-143 0c-28 0-50-7-66-20l0 87c0 8-7 15-16 15z"/>
+</svg>
--- a/app/images/icons/icon-home-filled.svg
+++ b/app/images/icons/icon-home-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-home-filled" viewBox="0 0 512 512">
+  <path d="m416 150l-118-83c-32-22-81-21-112 3l-103 80c-20 16-36 49-36 75l0 141c0 52 42 95 94 95l221 0c52 0 94-43 94-95l0-139c0-27-17-61-40-77z m-149 229c0 8-7 15-15 15-9 0-16-7-16-15l0-62c0-8 7-15 16-15 8 0 15 7 15 15z"/>
+</svg>
--- a/app/images/icons/icon-import.svg
+++ b/app/images/icons/icon-import.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-import" viewBox="0 0 512 512">
+  <path d="m313 469l-114 0c-108 0-156-48-156-156l0-114c0-108 48-156 156-156l39 0c13 0 23 9 23 23 0 13-10 23-23 23l-39 0c-83 0-110 27-110 110l0 114c0 83 27 110 110 110l114 0c83 0 110-27 110-110l0-39c0-13 10-23 23-23 14 0 23 10 23 23l0 39c0 108-48 156-156 156z m55-208l-91 0c-14 0-23-10-23-23l0-92c0-14 9-23 23-23 13 0 23 9 23 23l0 37 130-133c10-10 23-10 32 0 10 9 10 22 0 32l-133 133 37 0c14 0 23 9 23 23 0 13-9 23-21 23z"/>
+</svg>
--- a/app/images/icons/icon-info-filled.svg
+++ b/app/images/icons/icon-info-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-info-filled" viewBox="0 0 512 512">
+  <path d="m252 51c-41 0-81 12-114 35-34 22-60 54-76 92-15 37-19 78-11 118 8 40 27 76 56 105 28 28 65 48 105 56 39 8 80 4 118-12 37-15 69-42 92-75 22-34 34-73 34-114 0-54-21-106-60-145-38-38-90-60-144-60z m-4 95c4 0 9 1 13 4 4 2 7 6 8 10 2 5 3 9 2 14-1 5-3 9-7 12-3 3-7 6-12 7-4 0-9 0-13-2-5-2-8-5-11-9-3-3-4-8-4-13 0-6 2-12 7-16 4-5 10-7 17-7z m19 220l-15 0c-5 0-9-1-12-4-3-3-4-7-4-11l0-95c-4 0-8-2-11-5-3-3-5-7-5-11 0-4 2-8 5-11 3-3 7-5 11-5l16 0c4 0 8 2 11 5 3 3 4 7 4 11l0 95c4 0 8 1 11 4 3 3 5 7 5 12 0 4-2 8-5 11-3 3-7 4-11 4z"/>
+</svg>
--- a/app/images/icons/icon-key-filled.svg
+++ b/app/images/icons/icon-key-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-key-filled" viewBox="0 0 512 512">
+  <path d="m411 97c-61-61-159-61-219 0-42 42-55 102-39 155l-96 97c-7 7-12 20-10 30l6 45c2 14 16 28 31 30l44 7c10 1 24-3 31-11l17-16c4-4 4-11 0-15l-40-40c-6-6-6-15 0-21 6-6 16-6 22 0l40 40c4 3 10 3 14 0l43-44c53 17 114 4 156-38 60-60 60-159 0-219z m-108 159c-29 0-51-23-51-51 0-28 22-51 51-51 28 0 51 23 51 51 0 28-23 51-51 51z"/>
+</svg>
--- a/app/images/icons/icon-light-filled.svg
+++ b/app/images/icons/icon-light-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-light-filled" viewBox="0 0 512 512">
+  <path d="m252 399c79 0 143-64 143-143 0-79-64-143-143-143-80 0-144 64-144 143 0 79 64 143 144 143z m0 81c-12 0-21-8-21-19l0-2c0-11 9-20 21-20 11 0 20 9 20 20 0 11-9 21-20 21z m146-57c-6 0-11-2-15-6l-2-3c-8-8-8-21 0-29 8-8 20-8 28 0l3 3c8 8 8 21 0 29-4 4-9 6-14 6z m-293 0c-5 0-10-2-14-6-8-8-8-21 0-29l2-3c8-8 21-8 29 0 8 8 8 21 0 29l-2 3c-4 4-10 6-15 6z m351-147l-1 0c-12 0-21-9-21-20 0-11 9-20 21-20 11 0 21 9 21 20 0 11-8 20-20 20z m-408 0l-1 0c-12 0-21-9-21-20 0-11 9-20 21-20 11 0 21 9 21 20 0 11-8 20-20 20z m347-143c-5 0-10-2-14-6-8-8-8-21 0-29l2-3c8-8 21-8 29 0 8 8 8 21 0 29l-3 3c-3 4-9 6-14 6z m-287 0c-5 0-10-2-15-6l-2-3c-8-8-8-21 0-29 8-8 21-8 29 0l2 3c8 8 8 21 0 29-4 4-9 6-14 6z m144-60c-12 0-21-9-21-20l0-2c0-11 9-20 21-20 11 0 20 9 20 20 0 11-9 22-20 22z"/>
+</svg>
--- a/app/images/icons/icon-link-outline.svg
+++ b/app/images/icons/icon-link-outline.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-link-outline" viewBox="0 0 512 512">
+  <path d="m334 405c-12 0-20-8-20-21 0-13 8-21 20-21 54 0 97-47 97-107 0-60-43-107-97-107-55 0-97 47-97 107 0 13-8 21-20 21-11 0-19-8-19-21 0-83 60-149 136-149 75 0 135 66 135 149 0 83-60 149-135 149z m-159-4c-74 0-132-66-132-145 0-79 58-145 132-145 11 0 19 8 19 21 0 13-8 22-19 22-53 0-94 47-94 102 0 55 41 102 94 102 52 0 93-44 93-102 0-13 7-21 19-21 12 0 19 8 19 21-2 79-60 145-131 145z"/>
+</svg>
--- a/app/images/icons/icon-loading-filled.svg
+++ b/app/images/icons/icon-loading-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-loading-filled" viewBox="0 0 512 512">
+  <path d="m332 435c4 11 17 16 27 11 27-14 50-33 69-56 23-28 38-63 44-99 6-36 3-74-10-109-12-34-34-65-62-89-28-24-62-40-99-47-36-6-73-4-108 8-35 12-66 33-91 61-20 22-34 48-43 76-4 12 4 23 15 25 12 3 23-5 27-16 7-21 18-40 33-57 20-22 45-39 73-48 28-10 58-12 87-7 29 6 56 19 78 38 23 19 40 43 50 71 10 28 13 58 8 87-4 29-17 57-35 79-15 18-32 32-51 43-11 6-16 18-12 29z"/>
+</svg>
--- a/app/images/icons/icon-lock-circle-filled.svg
+++ b/app/images/icons/icon-lock-circle-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-lock-circle-filled" viewBox="0 0 512 512">
+  <path d="m252 169c-39 0-47 16-47 46l0 13 93 0 0-13c0-30-8-46-46-46z m0 150c12 0 22-10 22-22 0-12-10-23-22-23-13 0-23 11-23 23 0 12 10 22 23 22z m0-268c-114 0-205 92-205 205 0 113 91 205 205 205 113 0 204-92 204-205 0-113-91-205-204-205z m110 256c0 45-14 59-59 59l-103 0c-45 0-59-14-59-59l0-20c0-35 9-51 34-57l0-15c0-19 0-77 77-77 76 0 76 58 76 77l0 15c25 6 34 22 34 57z"/>
+</svg>
--- a/app/images/icons/icon-lock-filled.svg
+++ b/app/images/icons/icon-lock-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-lock-filled" viewBox="0 0 512 512">
+  <path d="m252 366c18 0 33-15 33-34 0-18-15-33-33-33-19 0-34 15-34 33 0 19 15 34 34 34z m128-161l0-25c0-55-13-129-128-129-116 0-129 74-129 129l0 25c-57 8-76 37-76 108l0 38c0 84 25 110 109 110l191 0c84 0 109-26 109-110l0-38c0-71-19-100-76-108z m-128 189c-35 0-62-28-62-62 0-34 28-62 62-62 34 0 61 28 61 62 0 34-27 62-61 62z m-96-190c-1 0-3 0-4 0l0-24c0-60 17-100 100-100 82 0 99 40 99 100l0 24c-1 0-3 0-4 0l-191 0z"/>
+</svg>
--- a/app/images/icons/icon-lock-slash-filled.svg
+++ b/app/images/icons/icon-lock-slash-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-lock-slash-filled" viewBox="0 0 512 512">
+  <path d="m285 332c0 19-15 34-33 34-14 0-25-8-30-19l44-45c11 6 19 17 19 30z m167-276c-7-6-17-6-23 0l-57 57c-16-41-56-62-120-62-116 0-129 74-129 129l0 25c0 0 0 0 1 0-58 7-77 36-77 108l0 38c0 33 4 57 13 74l-9 9c-6 6-6 16 0 22 3 3 7 5 11 5 5 0 8-2 12-5l378-378c6-6 6-16 0-22z m-296 148c-1 0-3 0-4 0l0-24c0-60 17-100 100-100 69 0 91 26 97 56l-67 68z m300 109l0 38c0 84-25 110-109 110l-189 0c-19 0-28-22-15-35l58-58c1 2 3 4 5 6 14 15 35 24 59 19 2-1 4-1 5-2 2 0 4-1 5-2 5-1 8-4 12-6 2-1 3-2 4-3 3-3 6-5 8-8 1-2 2-3 3-4 3-4 5-8 6-12 1-1 2-3 2-5 1-2 2-4 2-6 5-23-3-44-19-59-2-1-4-3-6-4l64-64c1-1 2-2 3-3 8-7 19-10 29-9 2 0 4 0 6 1 3 0 7 1 10 2 3 1 7 2 10 3 6 2 11 5 15 8 5 3 9 7 13 11 1 2 3 5 5 7 1 2 2 5 4 8 1 2 2 5 3 8 1 3 2 7 3 11 1 3 1 6 2 10 0 3 1 6 1 9 1 9 1 19 1 29z"/>
+</svg>
--- a/app/images/icons/icon-login-outline.svg
+++ b/app/images/icons/icon-login-outline.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-login-outline" viewBox="0 0 512 512">
+  <path d="m324 469l-2 0c-92 0-136-38-146-122-2-12 10-24 21-26 14-3 24 9 26 21 5 51 21 79 99 79l2 0c75 0 98-24 98-100l0-130c0-76-23-100-98-100l-2 0c-78 0-94 28-99 79 0 12-12 24-26 21-14 0-23-12-21-26 7-84 54-122 146-122l2 0c101 0 145 45 145 148l0 130c0 103-44 148-145 148z m-52-122c-7 0-11-2-16-7-9-10-9-24 0-34l26-26-216 0c-14 0-23-10-23-24 0-14 9-24 23-24l218 0-28-26c-9-10-9-24 0-34 9-9 23-9 33 0l65 67c10 10 10 24 0 34l-65 67c-3 5-10 7-17 7z"/>
+</svg>
--- a/app/images/icons/icon-menu-outline.svg
+++ b/app/images/icons/icon-menu-outline.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-menu-outline" viewBox="0 0 512 512">
+  <path d="m441 165l-379 0c-8 0-15-7-15-16 0-9 7-16 15-16l379 0c8 0 15 7 15 16 0 9-7 16-15 16z m0 107l-379 0c-8 0-15-7-15-16 0-9 7-16 15-16l379 0c8 0 15 7 15 16 0 9-7 16-15 16z m0 107l-379 0c-8 0-15-7-15-16 0-9 7-16 15-16l379 0c8 0 15 7 15 16 0 9-7 16-15 16z"/>
+</svg>
--- a/app/images/icons/icon-message-question-filled.svg
+++ b/app/images/icons/icon-message-question-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-message-question-filled" viewBox="0 0 512 512">
+  <path d="m354 60l-205 0c-61 0-102 41-102 102l0 123c0 62 41 103 102 103l0 43c0 17 18 27 32 17l91-60 82 0c61 0 102-41 102-103l0-123c0-61-41-102-102-102z m-102 249c-9 0-16-7-16-15 0-9 7-15 16-15 8 0 15 6 15 15 0 8-7 15-15 15z m25-85c-8 6-10 9-10 15l0 4c0 9-7 15-15 15-9 0-16-6-16-15l0-4c0-24 18-36 24-40 8-5 10-9 10-14 0-10-8-19-18-19-11 0-19 9-19 19 0 8-7 15-15 15-9 0-16-7-16-15 0-27 22-49 50-49 27 0 49 22 49 49 0 23-17 35-24 39z"/>
+</svg>
--- a/app/images/icons/icon-messages-filled.svg
+++ b/app/images/icons/icon-messages-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-messages-filled" viewBox="0 0 512 512">
+  <path d="m325 264l0 84c0 7-1 14-3 20-7 30-32 49-67 49l-55 0-62 41c-9 7-22 0-22-11l0-30c-21 0-38-7-50-19-12-12-19-30-19-50l0-84c0-39 24-66 61-69 3 0 5 0 8 0l139 0c42 0 70 27 70 69z m44 66c26 0 48-9 63-24 16-15 24-37 24-63l0-105c0-48-39-87-87-87l-174 0c-48 0-87 39-87 87l0 16c0 5 5 10 10 10l137 0c56 0 101 45 101 100l0 55c0 6 4 11 10 11z"/>
+</svg>
--- a/app/images/icons/icon-minus-outine.svg
+++ b/app/images/icons/icon-minus-outine.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-minus-outine" viewBox="0 0 512 512">
+  <path d="m439 277l-366 0c-18 0-30-8-30-21 0-13 12-21 30-21l366 0c18 0 30 8 30 21 0 13-12 21-30 21z"/>
+</svg>
--- a/app/images/icons/icon-minus-square-filled.svg
+++ b/app/images/icons/icon-minus-square-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-minus-square-filled" viewBox="0 0 512 512">
+  <path d="m337 51l-171 0c-75 0-119 45-119 119l0 172c0 74 44 119 119 119l171 0c75 0 119-45 119-119l0-172c1-74-44-119-119-119z m-3 220l-164 0c-9 0-16-7-16-15 0-8 7-15 16-15l164 0c8 0 15 7 15 15 0 8-7 15-15 15z"/>
+</svg>
--- a/app/images/icons/icon-mobile-filled.svg
+++ b/app/images/icons/icon-mobile-filled.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon-mobile-filled" viewBox="0 0 512 512">
+  <path d="m338 51l-173 0c-57 0-77 21-77 78l0 254c0 57 20 78 77 78l173 0c57 0 77-21 77-78l0-254c0-57-20-78-77-78z m-86 355c-20 0-36-17-36-36 0-20 16-36 36-36 19 0 35 16 35 36 0 19-16 36-35 36z m40-268l-81 0c-9 0-16-7-16-15 0-9 7-15 16-15l81 0c9 0 16 6 16 15 0 8-7 15-16 15z"/>
+</svg>
--- a/Show More
+++ b/Show More