CHORE: Redirect user to bako safe after create a tx in the dapp

src/components/icons/done-icon.tsx

@@ -6,33 +6,42 @@ const DoneIcon = createIcon({
   path: (
     <svg
       width="96"
-      height="97"
-      viewBox="0 0 96 97"
+      height="96"
+      viewBox="0 0 96 96"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
     >
-      <g filter="url(#filter0_d_15492_94103)">
-        <rect x="8" y="0.5" width="80" height="80" rx="10" fill="#151413" />
+      <g filter="url(#filter0_d_19045_617612)">
+        <rect
+          x="8"
+          width="80"
+          height="80"
+          rx="8"
+          fill="url(#paint0_linear_19045_617612)"
+          fillOpacity="0.1"
+          shapeRendering="crispEdges"
+        />
         <rect
           x="8.5"
-          y="1"
+          y="0.5"
           width="79"
           height="79"
-          rx="9.5"
-          stroke="url(#paint0_linear_15492_94103)"
+          rx="7.5"
+          stroke="url(#paint1_linear_19045_617612)"
+          shapeRendering="crispEdges"
         />
-        <g clipPath="url(#clip0_15492_94103)">
+        <g clipPath="url(#clip0_19045_617612)">
           <path
-            d="M45.5075 50.5L63.1825 32.8225L59.6475 29.2875L45.5075 43.43L38.435 36.3575L34.9 39.8925L45.5075 50.5Z"
-            fill="url(#paint1_linear_15492_94103)"
+            d="M45.5075 50L63.1825 32.3225L59.6475 28.7875L45.5075 42.93L38.435 35.8575L34.9 39.3925L45.5075 50Z"
+            fill="url(#paint2_linear_19045_617612)"
           />
         </g>
       </g>
       <defs>
         <filter
-          id="filter0_d_15492_94103"
+          id="filter0_d_19045_617612"
           x="0"
-          y="0.5"
+          y="0"
           width="96"
           height="96"
           filterUnits="userSpaceOnUse"
@@ -55,21 +64,34 @@ const DoneIcon = createIcon({
           <feBlend
             mode="normal"
             in2="BackgroundImageFix"
-            result="effect1_dropShadow_15492_94103"
+            result="effect1_dropShadow_19045_617612"
           />
           <feBlend
             mode="normal"
             in="SourceGraphic"
-            in2="effect1_dropShadow_15492_94103"
+            in2="effect1_dropShadow_19045_617612"
             result="shape"
           />
         </filter>
         <linearGradient
-          id="paint0_linear_15492_94103"
+          id="paint0_linear_19045_617612"
+          x1="8"
+          y1="0"
+          x2="91.7257"
+          y2="75.8896"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#FFC010" />
+          <stop offset="0.48" stopColor="#EBA312" />
+          <stop offset="0.71" stopColor="#D38015" />
+          <stop offset="0.99" stopColor="#B24F18" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_19045_617612"
           x1="8"
-          y1="0.5"
+          y1="0"
           x2="91.7257"
-          y2="76.3896"
+          y2="75.8896"
           gradientUnits="userSpaceOnUse"
         >
           <stop stopColor="#FFC010" />
@@ -78,24 +100,24 @@ const DoneIcon = createIcon({
           <stop offset="0.99" stopColor="#B24F18" />
         </linearGradient>
         <linearGradient
-          id="paint1_linear_15492_94103"
+          id="paint2_linear_19045_617612"
           x1="23"
-          y1="15.5"
+          y1="15"
           x2="75.3285"
-          y2="62.931"
+          y2="62.431"
           gradientUnits="userSpaceOnUse"
         >
           <stop stopColor="#FFC010" />
           <stop offset="0.48" stopColor="#EBA312" />
           <stop offset="0.71" stopColor="#D38015" />
           <stop offset="0.99" stopColor="#B24F18" />
         </linearGradient>
-        <clipPath id="clip0_15492_94103">
+        <clipPath id="clip0_19045_617612">
           <rect
             width="36"
             height="36"
             fill="white"
-            transform="translate(30 22.5)"
+            transform="translate(30 22)"
           />
         </clipPath>
       </defs>

src/main.tsx

@@ -15,7 +15,7 @@ import { defaultTheme } from '@/themes';
 import { SocketProvider } from './config/socket';
 import TransactionsProvider from './modules/transactions/providers/TransactionsProvider';
 import WorkspaceProvider from './modules/workspace/WorkspaceProvider';
-import { getEnviroment } from './utils/enviroment';
+import { getEnvironment } from './utils/enviroment';
 
 const { VITE_SENTRY_DNS } = import.meta.env;
 
@@ -38,7 +38,7 @@ if (VITE_SENTRY_DNS !== '') {
     replaysSessionSampleRate: 0.1,
     replaysOnErrorSampleRate: 1.0,
   });
-  Sentry.setTag('bako.env', getEnviroment());
+  Sentry.setTag('bako.env', getEnvironment());
 }
 
 const gtmId = import.meta.env.VITE_GTM_ID;