🚸(frontend) increase toast visibility for recording status

Change recording toast color to red following standard recording conventions.
Improves visibility based on user feedback to make recording status more
apparent during active sessions.

src/frontend/src/features/recording/components/RecordingStateToast.tsx

@@ -107,7 +107,7 @@ export const RecordingStateToast = () => {
         left: '10px',
         paddingY: '0.25rem',
         paddingX: '0.75rem 0.75rem',
-        backgroundColor: 'primaryDark.100',
+        backgroundColor: 'danger.700',
         borderColor: 'white',
         border: '1px solid',
         color: 'white',

src/frontend/src/primitives/Spinner.tsx

@@ -31,7 +31,7 @@ export const Spinner = ({
               strokeDashoffset={0}
               strokeLinecap="round"
               className={css({
-                stroke: variant == 'light' ? 'primary.100' : 'primaryDark.100',
+                stroke: variant == 'light' ? 'primary.100' : 'transparent',
               })}
               style={{}}
             />