style(MainModal): update modal background and sidebar styles for improved aesthetics

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

@@ -89,9 +89,13 @@
   height: 80vh;
   width: clamp(60vw, 1400px, 90vw);
 
-  @include themed {
-    background-color: t($modal-background);
-  }
+  background-color: rgba(1, 1, 1, 0.7);
+  -webkit-backdrop-filter: blur(16px) saturate(180%);
+  backdrop-filter: blur(16px) saturate(180%);
+
+  // @include themed {
+  //   background-color: t($modal-background);
+  // }
 }
 
 /* fixes for font size on extension */

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

@@ -14,6 +14,9 @@
     width: 100%;
     background: t($modal-background);
 
+    margin: 0 1rem;
+    border-radius: t($borderRadius);
+
     @extend %tabText;
 
     hr {

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

@@ -7,7 +7,7 @@
     position: sticky;
     margin: 0;
     padding: 0 5px;
-    background: t($modal-sidebar);
+    // background: t($modal-sidebar);
     border-radius: 12px 0 0 12px;
     overflow: hidden auto;
     height: 80vh;