Merge branch 'main' of https://github.com/edx/frontend-lib-learning-a…

…ssistant into mashal-m/replace-edx/paragon-frontend-build

package.json

@@ -53,7 +53,7 @@
   },
   "peerDependencies": {
     "@edx/frontend-platform": "^7.0.0",
-    "@openedx/paragon": "21.11.3",
+    "@openedx/paragon": "^21.11.3",
     "@reduxjs/toolkit": "1.8.1",
     "react": "16.14.0 || ^17.0.0",
     "react-dom": "16.14.0 || ^17.0.0",
@@ -66,7 +66,7 @@
   "devDependencies": {
     "@edx/browserslist-config": "^1.1.1",
     "@openedx/frontend-build": "13.0.28",
-    "@edx/frontend-platform": "7.1.0",
+    "@edx/frontend-platform": "7.1.2",
     "@openedx/paragon": "^21.11.3",
     "@edx/reactifex": "^2.1.1",
     "@reduxjs/toolkit": "1.8.1",

src/components/Disclosure/Disclosure.scss

@@ -8,10 +8,6 @@
 
     h2 {
         font-size: 2rem;
-
-        .version-subscript {
-            color: variables.$accent-yellow;
-        }
     }
 
     h3 {

src/components/Disclosure/index.jsx

@@ -11,7 +11,6 @@ const Disclosure = ({ children }) => (
   <div className="disclosure d-flex flex-column align-items-stretch px-4 py-3">
     <h2 className="text-light-100">
       Xpert
-      <sub className="version-subscript">beta</sub>
     </h2>
     <h3 className="small py-2">An AI-powered educational tool</h3>
     <div className="d-flex flex-column">

src/components/Sidebar/Sidebar.scss

@@ -5,6 +5,7 @@
   top: 0;
   bottom: 0;
   background-color: white;
+  z-index: 9999;
 
   width: 30%;
   right: 0;

src/components/ToggleXpertButton/index.scss

@@ -4,10 +4,12 @@
     border-radius: 2rem;
     bottom: 1rem;
     height: 3rem;
+    z-index: 9999;
 
     &.button-icon {
         background-color: variables.$dark-green;
         position: relative;
+        width: 125px;
     }
 
     &.open {