chore: run lint and prettier

src/components/Elements/MainModal/scss/index.scss

@@ -259,11 +259,13 @@ h5 {
     flex-flow: row;
     align-items: center;
     gap: 25px;
+
     svg {
-      @include themed() {
+      @include themed {
         background-image: t($slightGradient);
         box-shadow: t($boxShadow);
       }
+
       padding: 15px;
       border-radius: 100%;
     }

src/components/Elements/MainModal/scss/marketplace/modules/_buttons.scss

@@ -4,6 +4,7 @@
 
 .btn-settings {
   @include modal-button(standard);
+
   display: inline;
   margin-top: 0;
   float: none !important;
@@ -12,6 +13,7 @@
 
 .btn-navigation {
   @include modal-button(standard);
+
   padding: 0 15px;
 
   @include themed {
@@ -58,15 +60,11 @@
 }
 
 .btn-collection {
-  display: flex;
-  align-items: center;
-  gap: 15px;
   padding: 1px 12px;
   backdrop-filter: blur(16px) saturate(180%);
   background-color: rgb(255 255 255 / 10%);
   border: 1px solid rgb(209 213 219 / 30%);
   color: #fff;
-
   border-radius: 12px;
   height: 40px;
   font-size: 1rem;
@@ -85,21 +83,21 @@
   }
 
   &:active {
-    @include themed() {
+    @include themed {
       background: t($modal-sidebarActive);
       box-shadow: 0 0 0 1px t($color);
     }
   }
 
   &:focus {
-    @include themed() {
+    @include themed {
       background: t($modal-sidebarActive);
       box-shadow: 0 0 0 1px t($color);
     }
   }
 
   &:disabled {
-    @include themed() {
+    @include themed {
       background: t($modal-sidebarActive);
       cursor: not-allowed;
     }

src/components/Elements/MainModal/scss/marketplace/modules/_item.scss

@@ -22,6 +22,7 @@ p.description {
   .item {
     flex: 1 0 40% !important;
   }
+
   .infoItem {
     display: flex;
     flex-flow: row;
@@ -30,10 +31,11 @@ p.description {
     flex: 1 0 44%;
 
     svg {
-      @include themed() {
+      @include themed {
         background-image: t($slightGradient);
       }
-      -webkit-background-clip: text;
+
+      background-clip: text;
       -webkit-text-fill-color: transparent;
       font-size: 20px;
       border-radius: 100%;
@@ -47,6 +49,7 @@ p.description {
 
   .header {
     text-transform: uppercase;
+
     @include themed {
       color: t($subColor);
     }
@@ -66,7 +69,6 @@ p.description {
   }
 }
 
-
 .showMoreItems {
   display: flex;
   flex-flow: column;
@@ -79,4 +81,4 @@ p.description {
   display: flex;
   flex-flow: column;
   gap: 15px;
-}
+}

src/components/Elements/MainModal/scss/modules/_modalTabContent.scss

@@ -5,7 +5,7 @@
 
   /* button {
     @include modal-button(standard);
-  }*/
+  } */
 
   @include themed {
     padding: 1rem 3rem 3rem;
@@ -148,6 +148,7 @@ table {
   gap: 25px;
   padding: 25px;
   justify-content: space-between;
+
   @include themed {
     background: t($modal-sidebar);
     border-radius: t($borderRadius);
@@ -162,10 +163,11 @@ table {
   }
 
   .icon {
-    @include themed() {
+    @include themed {
       background-image: t($slightGradient);
       box-shadow: t($boxShadow);
     }
+
     padding: 15px;
     border-radius: 100%;
     font-size: 25px;

src/components/Elements/MainModal/scss/settings/_main.scss

@@ -51,7 +51,6 @@ input {
   /* date picker */
   &[type='date'] {
     width: 260px;
-    display: flex;
     flex-flow: column;
 
     @include themed {