feat: Cover the entire search page with a background image #2247 (#2381)

### What problem does this PR solve?

feat: Cover the entire search page with a background image #2247

### Type of change

- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/search/index.less

@@ -1,4 +1,6 @@
 .searchPage {
+  background-position: center;
+  background-size: cover;
   .card {
     width: 100%;
     :global(.ant-card-body) {
@@ -13,14 +15,18 @@
     font-size: 14px;
     cursor: pointer;
   }
+
+  .mainLayout {
+    background: transparent;
+  }
+}
+
+.transparentSearchSide {
+  background-color: rgb(251 251 251 / 88%) !important;
 }
 
 .searchSide {
-  // height: calc(100vh - 72px);
   position: relative;
-  // position: fixed !important;
-  // top: 72px;
-  // bottom: 0;
   :global(.ant-layout-sider-children) {
     height: auto;
   }
@@ -37,9 +43,11 @@
   }
   .list {
     width: 100%;
-    // height: 100%;
     height: calc(100vh - 152px);
     overflow: auto;
+    &::-webkit-scrollbar-track {
+      background: transparent;
+    }
   }
   .checkbox {
     width: 100%;
@@ -51,8 +59,6 @@
 
 .firstRenderContent {
   height: 100%;
-  background-position: center;
-  background-size: cover;
 }
 
 .content {