unify tabs fixes for panels

src/components/search/search.vue

@@ -154,11 +154,6 @@
   text-align: center;
 }
 
-.Search .tab-switcher .tabs {
-  background: var(--__panel-background);
-  backdrop-filter: var(--__panel-backdrop-filter);
-}
-
 @media all and (max-width: 800px) {
   .search-nav-heading {
     .tab-switcher .tabs .tab-wrapper {

src/components/user_profile/user_profile.vue

@@ -168,11 +168,6 @@
   // No sticky header on user profile
   --currentPanelStack: 1;
 
-  .tab-switcher .tabs {
-    background: var(--__panel-background);
-    backdrop-filter: var(--__panel-backdrop-filter);
-  }
-
   .user-birthday {
     margin: 0 0.75em 0.5em;
   }

src/panel.scss

@@ -3,6 +3,11 @@
   --__panel-background: var(--background);
   --__panel-backdrop-filter: var(--backdrop-filter);
 
+  .tab-switcher .tabs {
+    background: var(--__panel-background);
+    backdrop-filter: var(--__panel-backdrop-filter);
+  }
+
   position: relative;
   display: flex;
   flex-direction: column;
@@ -34,6 +39,11 @@
   background: var(--background);
   backdrop-filter: var(--__panel-backdrop-filter);
 
+  .tab-switcher .tabs {
+    background: none;
+    backdrop-filter: none;
+  }
+
   &:empty::before {
     content: "¯\\_(ツ)_/¯"; // Could use words but it'd require translations
     display: block;