Update for new header (#396)

Author: janfaracik

pom.xml

@@ -60,7 +60,7 @@ THE SOFTWARE.
     <gitHubRepo>jenkinsci/design-library-plugin</gitHubRepo>
     <!-- https://www.jenkins.io/doc/developer/plugin-development/choosing-jenkins-baseline/ -->
     <jenkins.baseline>2.479</jenkins.baseline>
-    <jenkins.version>2.496</jenkins.version>
+    <jenkins.version>2.507</jenkins.version>
     <node.version>20.19.0</node.version>
     <npm.version>11.2.0</npm.version>
     <spotless.check.skip>false</spotless.check.skip>

src/main/resources/lib/samples/sidepanel.jelly

@@ -1,7 +1,5 @@
 <?jelly escape-by-default='true'?>
 <j:jelly xmlns:j="jelly:core" xmlns:l="/lib/layout" xmlns:st="jelly:stapler">
-  <div class="app-sidepanel__jenkins-logo">Jenkins</div>
-
   <l:app-bar title="Design Library" />
 
   <l:tasks>

src/main/resources/scss/abstracts/_overrides.scss

@@ -14,20 +14,11 @@
 }
 
 #main-panel {
-  display: flex !important;
-  flex-direction: column;
-  width: 100%;
-  max-width: min(1200px, 60vw);
-  margin-top: 18px;
   margin-left: auto;
   margin-right: auto;
 
-  .tabBar {
-    align-self: start;
-  }
-
-  @media (max-width: 970px) {
-    max-width: none;
+  @media (min-width: 1200px) {
+    max-width: min(1200px, 60vw);
   }
 }
 
@@ -44,22 +35,6 @@ a {
   }
 }
 
-#side-panel .jenkins-app-bar {
-  margin-top: 50px;
-  margin-bottom: -10px;
-}
-
-.app-sidepanel__jenkins-logo {
-  position: absolute;
-  top: 130px;
-  left: var(--section-padding);
-  font-size: 0.9375rem;
-  font-weight: 600;
-  font-family: "Georgia", serif;
-  color: var(--text-color-secondary);
-  margin: 0;
-}
-
 .app-sidepanel__heading {
   font-size: 0.875rem;
   color: var(--text-color-secondary);