refactor: replace the old owl logo to the new one (#148)

README.md

@@ -1,7 +1,7 @@
 <h1 align="center">Core Extension</h1>
 
 <p align="center">
-  <img src="src/images/icon-256.png" alt="core-logo" width="160px" height="160px"/>
+  <img src="src/images/icon-192.png" alt="core-logo" width="160px" height="160px"/>
   <br>
   <i>
     Core is a non-custodial browser extension engineered for users to <br>

src/components/icons/BrandName.tsx

@@ -1,4 +1,4 @@
-import { Stack, useTheme } from '@avalabs/core-k2-components';
+import { Stack } from '@avalabs/core-k2-components';
 
 interface BrandNameProps {
   height?: number;
@@ -8,37 +8,14 @@ interface BrandNameProps {
 }
 
 export function BrandName({
-  height = 43,
+  height,
+  width,
   margin = '0',
   padding = '0',
 }: BrandNameProps) {
-  const theme = useTheme();
-
   return (
     <Stack sx={{ margin, padding }}>
-      <svg
-        height={height}
-        viewBox="0 0 303 55"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M27.75 54.6004C23.75 54.6004 20.05 53.9504 16.65 52.6504C13.3 51.3004 10.375 49.4254 7.875 47.0254C5.425 44.5754 3.5 41.7254 2.1 38.4754C0.7 35.2254 0 31.6504 0 27.7504C0 23.8504 0.7 20.2754 2.1 17.0254C3.5 13.7754 5.45 10.9504 7.95 8.55039C10.45 6.10039 13.375 4.22539 16.725 2.92539C20.125 1.57539 23.825 0.900391 27.825 0.900391C31.875 0.900391 35.6 1.60039 39 3.00039C42.45 4.35039 45.375 6.37539 47.775 9.07539L42.9 13.8004C40.9 11.7004 38.65 10.1504 36.15 9.15039C33.65 8.10039 30.975 7.57539 28.125 7.57539C25.175 7.57539 22.425 8.07539 19.875 9.07539C17.375 10.0754 15.2 11.4754 13.35 13.2754C11.5 15.0754 10.05 17.2254 9 19.7254C8 22.1754 7.5 24.8504 7.5 27.7504C7.5 30.6504 8 33.3504 9 35.8504C10.05 38.3004 11.5 40.4254 13.35 42.2254C15.2 44.0254 17.375 45.4254 19.875 46.4254C22.425 47.4254 25.175 47.9254 28.125 47.9254C30.975 47.9254 33.65 47.4254 36.15 46.4254C38.65 45.3754 40.9 43.7754 42.9 41.6254L47.775 46.3504C45.375 49.0504 42.45 51.1004 39 52.5004C35.6 53.9004 31.85 54.6004 27.75 54.6004Z"
-          fill={theme.palette.text.primary}
-        />
-        <path
-          d="M111.076 54.6004C107.076 54.6004 103.351 53.9254 99.9006 52.5754C96.5006 51.2254 93.5506 49.3504 91.0506 46.9504C88.5506 44.5004 86.6006 41.6504 85.2006 38.4004C83.8006 35.1504 83.1006 31.6004 83.1006 27.7504C83.1006 23.9004 83.8006 20.3504 85.2006 17.1004C86.6006 13.8504 88.5506 11.0254 91.0506 8.62539C93.5506 6.17539 96.5006 4.27539 99.9006 2.92539C103.301 1.57539 107.026 0.900391 111.076 0.900391C115.076 0.900391 118.751 1.57539 122.101 2.92539C125.501 4.22539 128.451 6.10039 130.951 8.55039C133.501 10.9504 135.451 13.7754 136.801 17.0254C138.201 20.2754 138.901 23.8504 138.901 27.7504C138.901 31.6504 138.201 35.2254 136.801 38.4754C135.451 41.7254 133.501 44.5754 130.951 47.0254C128.451 49.4254 125.501 51.3004 122.101 52.6504C118.751 53.9504 115.076 54.6004 111.076 54.6004ZM111.076 47.9254C113.976 47.9254 116.651 47.4254 119.101 46.4254C121.601 45.4254 123.751 44.0254 125.551 42.2254C127.401 40.3754 128.826 38.2254 129.826 35.7754C130.876 33.3254 131.401 30.6504 131.401 27.7504C131.401 24.8504 130.876 22.1754 129.826 19.7254C128.826 17.2754 127.401 15.1504 125.551 13.3504C123.751 11.5004 121.601 10.0754 119.101 9.07539C116.651 8.07539 113.976 7.57539 111.076 7.57539C108.126 7.57539 105.401 8.07539 102.901 9.07539C100.451 10.0754 98.3006 11.5004 96.4506 13.3504C94.6006 15.1504 93.1506 17.2754 92.1006 19.7254C91.1006 22.1754 90.6006 24.8504 90.6006 27.7504C90.6006 30.6504 91.1006 33.3254 92.1006 35.7754C93.1506 38.2254 94.6006 40.3754 96.4506 42.2254C98.3006 44.0254 100.451 45.4254 102.901 46.4254C105.401 47.4254 108.126 47.9254 111.076 47.9254Z"
-          fill={theme.palette.text.primary}
-        />
-        <path
-          d="M180.364 54.0004V1.50039H200.839C205.439 1.50039 209.364 2.22539 212.614 3.67539C215.864 5.12539 218.364 7.22539 220.114 9.97539C221.864 12.7254 222.739 16.0004 222.739 19.8004C222.739 23.6004 221.864 26.8754 220.114 29.6254C218.364 32.3254 215.864 34.4004 212.614 35.8504C209.364 37.3004 205.439 38.0254 200.839 38.0254H184.489L187.864 34.5754V54.0004H180.364ZM215.464 54.0004L202.114 34.9504H210.139L223.639 54.0004H215.464ZM187.864 35.3254L184.489 31.6504H200.614C205.414 31.6504 209.039 30.6254 211.489 28.5754C213.989 26.4754 215.239 23.5504 215.239 19.8004C215.239 16.0504 213.989 13.1504 211.489 11.1004C209.039 9.05039 205.414 8.02539 200.614 8.02539H184.489L187.864 4.27539V35.3254Z"
-          fill={theme.palette.text.primary}
-        />
-        <path
-          d="M271.681 24.1504H298.681V30.5254H271.681V24.1504ZM272.356 47.4754H302.956V54.0004H264.856V1.50039H301.906V8.02539H272.356V47.4754Z"
-          fill={theme.palette.text.primary}
-        />
-      </svg>
+      <img src="/images/logo-transparent.svg" height={height} width={width} />
     </Stack>
   );
 }

src/components/settings/pages/MainPage.tsx

@@ -1,7 +1,6 @@
 import { useSettingsContext } from '@src/contexts/SettingsProvider';
 import { SettingsPageProps, SettingsPages } from '../models';
 import { useWalletContext } from '@src/contexts/WalletProvider';
-import { Logo } from '@src/components/icons/Logo';
 import { BrandName } from '@src/components/icons/BrandName';
 import { useTranslation } from 'react-i18next';
 import { useLanguage } from '@src/hooks/useLanguages';
@@ -78,8 +77,7 @@ export function MainPage({
         }}
       >
         <Stack sx={{ flexDirection: 'row', alignItems: 'center' }}>
-          <Logo height={29} />
-          <BrandName height={17} margin="0 0 0 8px" />
+          <BrandName width={90} />
         </Stack>
         <IconButton
           data-testid="close-settings-menu-button"

src/contexts/SwapProvider/SwapProvider.tsx

@@ -298,7 +298,7 @@ export function SwapContextProvider({ children }: { children: any }) {
         browser.notifications.create({
           type: 'basic',
           title: notificationText,
-          iconUrl: '../../../../images/icon-256.png',
+          iconUrl: '../../../../images/icon-192.png',
           priority: 2,
           message: isSuccessful
             ? t(