Description

🐛 Bug Description

The loading spinner on the Analyzer page is broken because the @keyframes spin animation is missing from globals.css. The spinner element exists in the DOM and has the animate-spin class applied to it, but since the keyframe definition is absent, the animation never plays. Instead of a smooth rotating spinner, users see a completely static element while the analyzer is loading, giving the impression that the app has frozen or is unresponsive.

Steps To Reproduce

🔁 Steps to Reproduce

1. Open the OPSCORD app in any browser.
2. Navigate to the Analyzer page.
3. Trigger any action that initiates the loading state (e.g. run an analysis).
4. Observe the loading spinner while the analyzer is processing.
5. The spinner element is visible but completely static — it does not rotate at all.

Expected Behavior

✅ Expected Behavior

The loading spinner should rotate smoothly and continuously while the analyzer is in a loading state, giving the user clear visual feedback that something is happening in the background. Once the analysis is complete the spinner should disappear as normal.

❌ Actual Behavior

The spinner element renders on the page but does not animate at all. It appears as a frozen static element because the @keyframes spin definition is missing from globals.css. The animate-spin class has nothing to reference so the animation is silently ignored by the browser.

Environment Matrix

🖥️ Environment Matrix

I would like to submit a PR for this issue. @probably-ABHINAV please assign it to me !!