ref(js): Rename StyledSidebar to SidebarWrapper (#28224)

static/app/components/sidebar/index.tsx

@@ -426,7 +426,7 @@ class Sidebar extends React.Component<Props, State> {
     );
 
     return (
-      <StyledSidebar ref={this.sidebarRef} collapsed={collapsed}>
+      <SidebarWrapper ref={this.sidebarRef} collapsed={collapsed}>
         <SidebarSectionGroupPrimary>
           <SidebarSection>
             <SidebarDropdown
@@ -522,7 +522,7 @@ class Sidebar extends React.Component<Props, State> {
             )}
           </SidebarSectionGroup>
         )}
-      </StyledSidebar>
+      </SidebarWrapper>
     );
   }
 }
@@ -585,7 +585,7 @@ const responsiveFlex = css`
   }
 `;
 
-export const StyledSidebar = styled('div')<{collapsed: boolean}>`
+export const SidebarWrapper = styled('div')<{collapsed: boolean}>`
   background: ${p => p.theme.sidebar.background};
   background: ${p => p.theme.sidebarGradient};
   color: ${p => p.theme.sidebar.color};

tests/js/spec/components/sidebar/index.spec.jsx

@@ -46,7 +46,7 @@ describe('Sidebar', function () {
       TestStubs.routerContext()
     );
 
-    expect(wrapper.find('StyledSidebar')).toHaveLength(1);
+    expect(wrapper.find('SidebarWrapper')).toHaveLength(1);
   });
 
   it('renders without org and router', function () {