fix: [M3-8975] - Object Storage object uploader spinner spinning back…

…wards (linode#11384)

* fix: [M3-8971] - Object Storage object uploader spinner spinning backwards

* Added changeset: Object Storage object uploader spinner spinning backwards

* changed upload icon to autorenew

* delete uploadPening.svg as it is not used anymore

packages/manager/.changeset/pr-11384-fixed-1733733978349.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Fixed
+---
+
+Object Storage object uploader spinner spinning backwards ([#11384](https://github.com/linode/manager/pull/11384))

packages/manager/src/components/Uploaders/FileUpload.styles.ts

@@ -1,9 +1,8 @@
 import { Typography, rotate360 } from '@linode/ui';
+import AutorenewIcon from '@mui/icons-material/Autorenew';
 import { styled } from '@mui/material/styles';
 import { makeStyles } from 'tss-react/mui';
 
-import UploadPending from 'src/assets/icons/uploadPending.svg';
-
 import type { FileUploadProps } from './FileUpload';
 import type { Theme } from '@mui/material/styles';
 
@@ -48,7 +47,7 @@ export const StyledRightWrapper = styled('div', {
   display: 'flex',
 }));
 
-export const StyledUploadPending = styled(UploadPending, {
+export const StyledUploadPendingIcon = styled(AutorenewIcon, {
   label: 'StyledUploadPending',
 })(({ theme }) => ({
   animation: `${rotate360} 2s linear infinite`,

packages/manager/src/components/Uploaders/FileUpload.tsx

@@ -13,7 +13,7 @@ import {
   StyledLeftWrapper,
   StyledRightWrapper,
   StyledRootContainer,
-  StyledUploadPending,
+  StyledUploadPendingIcon,
   useStyles,
 } from './FileUpload.styles';
 
@@ -113,7 +113,7 @@ export const FileUpload = React.memo((props: FileUploadProps) => {
               width={22}
             />
           ) : (
-            <StyledUploadPending
+            <StyledUploadPendingIcon
               data-qa-file-upload-pending
               height={22}
               width={22}