fix(bag): icon update to remove front handle (#5280)

src/components/NavBar/Bag.tsx

@@ -41,7 +41,7 @@ export const Bag = () => {
 
   return (
     <NavIcon isActive={bagExpanded} onClick={handleIconClick}>
-      <BagIcon viewBox="0 0 24 24" width={24} height={24} />
+      <BagIcon viewBox="0 0 24 24" width={24} height={24} strokeWidth="2px" />
       {bagHasItems && <CounterDot>{bagQuantity > 99 ? <HundredsOverflowIcon /> : bagQuantity}</CounterDot>}
     </NavIcon>
   )

src/nft/components/bag/EmptyContent.tsx

 import { useIsNftProfilePage } from 'hooks/useIsNftPage'
 import { Center, Column } from 'nft/components/Flex'
-import { LargeBagIcon, LargeTagIcon } from 'nft/components/icons'
+import { BagIcon, LargeTagIcon } from 'nft/components/icons'
 import { subhead } from 'nft/css/common.css'
 import { themeVars } from 'nft/css/sprinkles.css'
 import styled from 'styled-components/macro'
@@ -22,7 +22,7 @@ const EmptyState = () => {
         {isProfilePage ? (
           <LargeTagIcon color={themeVars.colors.textTertiary} />
         ) : (
-          <LargeBagIcon color={themeVars.colors.textTertiary} />
+          <BagIcon color={themeVars.colors.textTertiary} height="96px" width="96px" strokeWidth="1px" />
         )}
       </Center>
       {isProfilePage ? (

src/nft/components/icons.tsx

@@ -441,14 +441,12 @@ export const BagIcon = (props: SVGProps) => (
     <path
       d="M19.2893 5H4.5115C3.34557 5 2.40039 5.89543 2.40039 7V21C2.40039 22.1046 3.34557 23 4.5115 23H19.2893C20.4552 23 21.4004 22.1046 21.4004 21V7C21.4004 5.89543 20.4552 5 19.2893 5Z"
       stroke="currentColor"
-      strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
     />
     <path
       d="M9 5L9 4.25C9 3.45435 9.31607 2.69129 9.87868 2.12868C10.4413 1.56607 11.2044 1.25 12 1.25C12.7957 1.25 13.5587 1.56607 14.1213 2.12868C14.6839 2.69129 15 3.45435 15 4.25L15 5"
       stroke="currentColor"
-      strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
     />