adrienne/feat: added svg bundling for wallets (binary-com#9871)

* feat: added svg bundling for wallets

* chore: removed assets folder in wallets

packages/appstore/webpack.config.js

@@ -108,7 +108,7 @@ module.exports = function (env) {
                         {
                             loader: 'css-loader',
                             options: {
-                                url: false,
+                                url: (_, resourcePath) => resourcePath.includes('packages/wallets'),
                             },
                         },
                         {
@@ -139,7 +139,24 @@ module.exports = function (env) {
                 },
                 {
                     test: /\.svg$/,
-                    exclude: /node_modules|public\//,
+                    issuer: /\/packages\/wallets\/.*(\/)?.*.scss/,
+                    exclude: /node_modules/,
+                    include: /public\//,
+                    type: 'asset/resource',
+                    generator: {
+                        filename: 'appstore/wallets/public/[name].[contenthash][ext]',
+                    },
+                },
+                {
+                    test: /\.svg$/,
+                    issuer: /\/packages\/wallets\/.*(\/)?.*.tsx/,
+                    exclude: /node_modules/,
+                    include: /public\//,
+                    use: svg_loaders,
+                },
+                {
+                    test: /\.svg$/,
+                    exclude: [/node_modules|public\//],
                     use: svg_loaders,
                 },
             ],

packages/wallets/src/AppContent.tsx

@@ -1,10 +1,14 @@
 import React from 'react';
 import WalletList from './components/WalletList';
 import WalletsCarousel from './components/WalletCarousel';
+import IcBrandDerivGo from './public/ic-brand-derivgo.svg';
+import './app-content.scss';
 
 const AppContent: React.FC = () => {
     return (
         <div>
+            <div className='icon' />
+            <IcBrandDerivGo width={25} height={25} />
             <WalletList />
             <WalletsCarousel />
         </div>

packages/wallets/src/app-content.scss

@@ -0,0 +1,6 @@
+.icon {
+    width: 100px;
+    height: 100px;
+    background-image: url('./public/ic-appstore-deriv-logo.svg');
+    background-size: cover;
+}