refactor(editor): get loading icon with theme (#12079)

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->
## Summary by CodeRabbit

- **New Features**
  - Introduced a unified loading spinner icon that adapts to light or dark themes automatically.

- **Refactor**
  - Streamlined loading icon usage across the app by replacing multiple theme-based icons with a single helper function for consistent and simplified icon management.

- **Chores**
  - Removed an unused dependency to improve package management.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

blocksuite/affine/inlines/footnote/src/footnote-node/footnote-popup.ts

@@ -1,10 +1,9 @@
 import {
-  DarkLoadingIcon,
   getAttachmentFileIcon,
-  LightLoadingIcon,
+  getLoadingIconWith,
   WebIcon16,
 } from '@blocksuite/affine-components/icons';
-import { ColorScheme, type FootNote } from '@blocksuite/affine-model';
+import type { FootNote } from '@blocksuite/affine-model';
 import {
   DocDisplayMetaProvider,
   LinkPreviewerService,
@@ -125,7 +124,7 @@ export class FootNotePopup extends SignalWatcher(WithDisposable(LitElement)) {
 
   private readonly _LoadingIcon = () => {
     const theme = this.std.get(ThemeProvider).theme;
-    return theme === ColorScheme.Light ? LightLoadingIcon : DarkLoadingIcon;
+    return getLoadingIconWith(theme);
   };
 
   private readonly _onClick = () => {