fix: use styles from frontend-content-header (#377)

package.json

@@ -37,7 +37,7 @@
   "dependencies": {
     "@edx/brand": "npm:@openedx/brand-openedx@^1.2.2",
     "@edx/frontend-component-footer": "^12.5.1",
-    "@edx/frontend-component-header": "^4.7.0",
+    "@edx/frontend-component-header": "^4.10.1",
     "@edx/frontend-lib-content-components": "^1.175.1",
     "@edx/frontend-platform": "5.6.1",
     "@edx/paragon": "^21.5.6",

src/library-authoring/index.scss

@@ -5,7 +5,6 @@
 @import 'src/library-authoring/author-library/index.scss';
 @import './library-access/index.scss';
 @import './create-library/index.scss';
-@import './studio-header-wrapper/index.scss';
 
 // todo: maybe add another file for these?
 .container-fluid {

src/library-authoring/studio-header-wrapper/StudioHeaderWrapper.jsx

@@ -22,17 +22,15 @@ const StudioHeaderWrapperBase = ({ intl, ...props }) => {
   const mainMenuDropdowns = getMainMenuDropdown(loadingStatus, libraryId, intl);
 
   return (
-    <div className="site-header-desktop">
-      <StudioHeader
-        {...{
-          org: library?.org,
-          title: library?.title,
-          isHiddenMainMenu,
-          mainMenuDropdowns,
-          outlineLink,
-        }}
-      />
-    </div>
+    <StudioHeader
+      {...{
+        org: library?.org,
+        title: library?.title,
+        isHiddenMainMenu,
+        mainMenuDropdowns,
+        outlineLink,
+      }}
+    />
   );
 };