ref(js): Rename StyledButtonBar -> MissingReleaseButtonBar (#28229)

static/app/views/projectDetail/missingFeatureButtons/missingReleasesButtons.tsx

@@ -41,7 +41,7 @@ function MissingReleasesButtons({organization, health, projectId}: Props) {
   }
 
   return (
-    <StyledButtonBar gap={1}>
+    <MissingReleaseButtonBar gap={1}>
       <Button
         size="small"
         priority="primary"
@@ -65,13 +65,12 @@ function MissingReleasesButtons({organization, health, projectId}: Props) {
           )}
         </FeatureTourModal>
       )}
-    </StyledButtonBar>
+    </MissingReleaseButtonBar>
   );
 }
 
-const StyledButtonBar = styled(ButtonBar)`
+export const MissingReleaseButtonBar = styled(ButtonBar)`
   grid-template-columns: minmax(auto, max-content) minmax(auto, max-content);
 `;
 
-export {StyledButtonBar};
 export default MissingReleasesButtons;

static/app/views/projectsDashboard/projectCard.tsx

@@ -28,7 +28,7 @@ import {formatAbbreviatedNumber} from 'app/utils/formatters';
 import withApi from 'app/utils/withApi';
 import withOrganization from 'app/utils/withOrganization';
 import MissingReleasesButtons, {
-  StyledButtonBar,
+  MissingReleaseButtonBar,
 } from 'app/views/projectDetail/missingFeatureButtons/missingReleasesButtons';
 import {
   CRASH_FREE_DECIMAL_THRESHOLD,
@@ -330,7 +330,7 @@ const FooterWrapper = styled('div')`
     font-size: ${p => p.theme.fontSizeMedium};
     padding: 0;
   }
-  ${StyledButtonBar} {
+  ${MissingReleaseButtonBar} {
     a {
       background-color: ${p => p.theme.background};
       border: 1px solid ${p => p.theme.border};