ref(js): Use named export for ScoreCard (#93370)

Author: evanpurkhiser

static/app/components/scoreCard.tsx

@@ -19,7 +19,7 @@ type ScoreCardProps = {
   trendStatus?: 'good' | 'bad';
 };
 
-function ScoreCard({
+export function ScoreCard({
   title,
   score,
   help,
@@ -124,5 +124,3 @@ export const Trend = styled('div')<TrendProps>`
   line-height: 1;
   overflow: hidden;
 `;
-
-export default ScoreCard;

static/app/views/organizationStats/usageStatsOrg.tsx

@@ -15,7 +15,7 @@ import {Switch} from 'sentry/components/core/switch';
 import ExternalLink from 'sentry/components/links/externalLink';
 import NotAvailable from 'sentry/components/notAvailable';
 import QuestionTooltip from 'sentry/components/questionTooltip';
-import ScoreCard from 'sentry/components/scoreCard';
+import {ScoreCard} from 'sentry/components/scoreCard';
 import {DEFAULT_STATS_PERIOD} from 'sentry/constants';
 import {IconSettings} from 'sentry/icons';
 import {t, tct} from 'sentry/locale';

static/app/views/projectsDashboard/projectCard.tsx

@@ -11,8 +11,9 @@ import Panel from 'sentry/components/panels/panel';
 import Placeholder from 'sentry/components/placeholder';
 import BookmarkStar from 'sentry/components/projects/bookmarkStar';
 import QuestionTooltip from 'sentry/components/questionTooltip';
-import ScoreCard, {
+import {
   Score,
+  ScoreCard,
   ScorePanel,
   ScoreWrapper,
   Title,