Implement Loading Spinner for Page Actions

[shashilo]

User experience suffers when actions (such as loading or draw events) cause UI twitch or delays. Implement a spinning loader component to replace the text and visually indicate that an action is occurring.

Additional Context

• Many pages in the app occasionally twitch or appear to freeze while waiting for backend responses.
• Implement a reusable spinner (e.g., using React, CSS, SVG) that displays during loading states or any long-running action.
• See documentation:
  • Our Loading Spinner Patterns

Acceptance Criteria

• All major page actions show a loading indicator instead of text.
• No more twitching or frozen UI during waits.
• Component is reusable and documented.