add: new list layout design

New design, custom uuid, better handling of swipe

app/assets/styles/buttonGroup.css

@@ -1,8 +1,6 @@
 .ButtonGroup {
     display: flex;
     background: var(--color-main);
-    border-radius: var(--radius-default);
-    overflow: hidden;
     box-shadow: var(--box-shadow-z2);
 
     & button {
@@ -24,13 +22,5 @@
             --color: var(--color-lightest);
             --background: var(--color-main-dark);
         }
-
-        &:first-child {
-            border-radius: var(--radius-default) 0 0 var(--radius-default);
-        }
-
-        &:last-child {
-            border-radius: 0 var(--radius-default) var(--radius-default) 0;
-        }
     }
 }

app/assets/styles/general.css

@@ -104,19 +104,9 @@ body {
 }
 
 .content {
-    padding: 1rem;
     min-height: 100dvh;
 }
 
-.filter-bar {
-    margin-bottom: 1rem;
-}
-
-.pc-wrapper {
-    gap: 1rem;
-    margin-bottom: 1rem;
-}
-
 .flex-col {
     display: flex;
     flex-direction: column;

app/assets/styles/priceCard.css

@@ -1,11 +1,8 @@
 .PriceCard {
     position: relative;
-    overflow: hidden;
     width: 100%;
-    transition: 150ms;
-    opacity: 1;
     color: var(--color-darkest);
-    background: black;
+    border-bottom: 1px solid var(--color-light);
 
     .bottom {
         position: absolute;
@@ -47,7 +44,6 @@
         z-index: 2;
         gap: 1rem;
         padding: 1rem;
-        border-radius: var(--radius-default);
 
         &.animated {
             transition: var(--transition-default);