chore: add slot for extra content on learning

Author: diana-villalvazo-wgu

shell/header/course-navigation-bar/CourseTabsNavigation.tsx

@@ -1,5 +1,5 @@
 import { useQuery } from '@tanstack/react-query';
-import { useIntl } from '../../../runtime';
+import { Slot, useIntl } from '../../../runtime';
 import classNames from 'classnames';
 import { getCourseHomeCourseMetadata } from './data/service';
 import { Tab, Tabs } from '@openedx/paragon';
@@ -71,12 +71,7 @@ const CourseTabsNavigation = () => {
               ))}
             </Tabs>
           </div>
-          {/* <div className="search-toggle">
-            <CoursewareSearchToggle />
-          </div>
-        </div>
-      </div>
-      {show && <CoursewareSearch />} */}
+          <Slot id="org.openedx.frontend.slot.header.courseNavigationBar.extraContent.v1" />
         </div>
       </div>
     </div>

shell/header/course-navigation-bar/course-tabs-navigation.scss

@@ -1,14 +1,6 @@
 .course-tabs-navigation {
-  position: relative;
   border-bottom: 2px solid rgb(232.5, 229.5, 228); // var(--pgn-color-nav-tabs-base-border-base)
 
-  .search-toggle {
-    flex-grow: 0;
-    text-align: right;
-    white-space: nowrap;
-    margin-bottom: 10px;
-  }
-
   .nav-tabs {
     border-bottom: none;
   }