update spinner usage (#2301)

Author: ChristopherChudzicki

frontends/main/package.json

@@ -15,7 +15,7 @@
     "@emotion/styled": "^11.11.0",
     "@mitodl/course-search-utils": "3.3.2",
     "@mitodl/mitxonline-api-axios": "^2025.6.3",
-    "@mitodl/smoot-design": "^6.7.0",
+    "@mitodl/smoot-design": "^6.8.0",
     "@next/bundle-analyzer": "^14.2.15",
     "@remixicon/react": "^4.2.0",
     "@sentry/nextjs": "^9.0.0",

frontends/main/src/app-pages/DashboardPage/ProfileContent.tsx

@@ -4,15 +4,14 @@ import { useFormik } from "formik"
 import { useProfileMeMutation, useProfileMeQuery } from "api/hooks/profile"
 import {
   styled,
-  CircularProgress,
   CheckboxChoiceBoxField,
   CheckboxChoiceField,
   RadioChoiceField,
   SimpleSelectField,
   TextField,
   Skeleton,
 } from "ol-components"
-import { Button } from "@mitodl/smoot-design"
+import { Button, ButtonLoadingIcon } from "@mitodl/smoot-design"
 
 import { useLearningResourceTopics } from "api/hooks/learningResources"
 import {
@@ -169,7 +168,7 @@ const ProfileContent: React.FC = () => {
               type="submit"
               size="large"
               variant="primary"
-              endIcon={isSaving ? <CircularProgress /> : null}
+              endIcon={isSaving ? <ButtonLoadingIcon /> : null}
               disabled={!formik.dirty || isSaving}
               form={formId}
             >

frontends/main/src/app-pages/OnboardingPage/OnboardingPage.tsx

@@ -10,15 +10,14 @@ import {
   StepIconProps,
   Container,
   LoadingSpinner,
-  CircularProgress,
   Typography,
   CheckboxChoiceBoxField,
   RadioChoiceBoxField,
   SimpleSelectField,
   Skeleton,
   VisuallyHidden,
 } from "ol-components"
-import { Button } from "@mitodl/smoot-design"
+import { Button, ButtonLoadingIcon } from "@mitodl/smoot-design"
 
 import { RiArrowRightLine, RiArrowLeftLine } from "@remixicon/react"
 import { useProfileMeMutation, useProfileMeQuery } from "api/hooks/profile"
@@ -352,7 +351,7 @@ const OnboardingPage: React.FC = () => {
             endIcon={
               activeStep < NUM_STEPS - 1 ? (
                 isSaving ? (
-                  <CircularProgress />
+                  <ButtonLoadingIcon />
                 ) : (
                   <RiArrowRightLine />
                 )

frontends/ol-components/src/index.ts

@@ -99,7 +99,6 @@ export { default as Step } from "@mui/material/Step"
 export { default as StepLabel } from "@mui/material/StepLabel"
 export type { StepIconProps } from "@mui/material/StepIcon"
 
-export { default as CircularProgress } from "@mui/material/CircularProgress"
 export { default as FormGroup } from "@mui/material/FormGroup"
 export { default as Slider } from "@mui/material/Slider"