Farhan/P2PS-1662/On Buy/Sell tab the spacing for UPI is shown more (d…

…eriv-com#10477)

* chore: add upi in payment methods

* refactor: refactor payment method filtering conditions

* refactor: rename variable

* refactor: move payment methods filtering logic to a function

* chore: update buy modal form to use function to get payment method icon

* refactor: update util import

* chore: add unit test

* fix: upi not showing in my-profile page

* chore: small logic change

* fix: upi icon is not match in order-details page

* refactor: remove unused files

* refactor: remove unrelated changes

* fix: make payment method column in buy/sell smaller

* fix: row overlapping and payment methods column

* fix: unrelated change

* chore: change flex property

* fix: grid in my-ads table

packages/p2p/src/pages/buy-sell/buy-sell-table.scss

@@ -12,7 +12,7 @@
 
     &__header {
         display: grid;
-        grid-template-columns: 2fr 1.5fr 1fr 1.5fr 1fr;
+        grid-template-columns: 2fr 1.4fr 1fr 1.8fr 0.8fr;
 
         > .dc-table__head:first-child {
             margin-left: 1.6rem;

packages/p2p/src/pages/buy-sell/buy-sell.scss

@@ -50,7 +50,8 @@
 
     &__table-row {
         padding: 1.6rem;
-        grid-template-columns: 2fr 1.5fr 1fr 1.5fr 1fr;
+        height: max-content;
+        grid-template-columns: 2fr 1.4fr 1fr 1.8fr 0.8fr;
 
         &:hover {
             background-color: var(--general-hover);
@@ -82,7 +83,7 @@
 
     &__button {
         display: flex;
-        justify-content: center;
+        justify-content: flex-end;
         align-items: center;
     }
 }

packages/p2p/src/pages/my-ads/my-ads-table.scss

@@ -175,7 +175,7 @@
 
     &__row {
         padding: 1.6rem;
-        grid-template-columns: 1.7fr repeat(2, 2fr) repeat(2, 2.3fr) 1.5fr;
+        grid-template-columns: repeat(3, 1.6fr) 1.9fr 3fr 1.4fr;
 
         .dc-table__cell:last-child {
             word-break: unset;