MM-54261: re-scope css to intended target (#24396)

webapp/channels/src/components/post_edit_history/__snapshots__/post_edit_history.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`components/post_edit_history should display error screen if errors are present 1`] = `
 <div>
   <div
-    class="sidebar-right__body"
+    class="sidebar-right__body sidebar-right__edit-post-history"
     id="rhsContainer"
   >
     <div
@@ -118,7 +118,7 @@ exports[`components/post_edit_history should display error screen if errors are
 exports[`components/post_edit_history should match snapshot 1`] = `
 <div>
   <div
-    class="sidebar-right__body"
+    class="sidebar-right__body sidebar-right__edit-post-history"
     id="rhsContainer"
   >
     <div

webapp/channels/src/components/post_edit_history/post_edit_history.scss

@@ -1,4 +1,4 @@
-.scrollbar--view {
+.sidebar-right__edit-post-history .scrollbar--view {
     display: flex;
     flex-direction: column;
 }

webapp/channels/src/components/post_edit_history/post_edit_history.tsx

@@ -107,7 +107,7 @@ const PostEditHistory = ({
         return (
             <div
                 id='rhsContainer'
-                className='sidebar-right__body'
+                className='sidebar-right__body sidebar-right__edit-post-history'
             >
                 <LoadingScreen
                     style={{
@@ -138,7 +138,7 @@ const PostEditHistory = ({
     return (
         <div
             id='rhsContainer'
-            className='sidebar-right__body'
+            className='sidebar-right__body sidebar-right__edit-post-history'
         >
             <Scrollbars
                 ref={scrollbars}