fix(frontend): use consistent spinner style on TitleCard/Plex Presets

src/components/Settings/SettingsPlex.tsx

@@ -12,6 +12,7 @@ import Badge from '../Common/Badge';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import * as Yup from 'yup';
 import Alert from '../Common/Alert';
+import Spinner from '../../assets/spinner.svg';
 
 const messages = defineMessages({
   plexsettings: 'Plex Settings',
@@ -437,10 +438,11 @@ const SettingsPlex: React.FC<SettingsPlexProps> = ({ onComplete }) => {
                       }}
                       className="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium leading-5 text-white transition duration-150 ease-in-out bg-indigo-600 border border-gray-500 rounded-r-md hover:bg-indigo-500 focus:outline-none focus:ring-blue focus:border-blue-300 active:bg-gray-100 active:text-gray-700"
                     >
+                      {isRefreshingPresets ? (
+                        <Spinner className="w-5 h-5" />
+                      ) : (
                         <svg
-                        className={`w-5 h-5 ${
+                          className="w-5 h-5"
-                          isRefreshingPresets ? 'animate-spin' : ''
-                        }`}
                           fill="currentColor"
                           viewBox="0 0 20 20"
                           xmlns="http://www.w3.org/2000/svg"
@@ -451,6 +453,7 @@ const SettingsPlex: React.FC<SettingsPlexProps> = ({ onComplete }) => {
                             clipRule="evenodd"
                           />
                         </svg>
+                      )}
                     </button>
                   </div>
                 </div>

src/components/TitleCard/index.tsx

@@ -179,20 +179,7 @@ const TitleCard: React.FC<TitleCardProps> = ({
             leaveTo="opacity-0"
           >
             <div className="absolute top-0 bottom-0 left-0 right-0 z-40 flex items-center justify-center text-white bg-gray-800 bg-opacity-75 rounded-lg">
-              <svg
+              <Spinner className="w-10 h-10" />
-                className="w-10 h-10 animate-spin"
-                fill="none"
-                stroke="currentColor"
-                viewBox="0 0 24 24"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  strokeLinecap="round"
-                  strokeLinejoin="round"
-                  strokeWidth={2}
-                  d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
-                />
-              </svg>
             </div>
           </Transition>