refactor(loader): Extract tailSpin SVG component

Extract the SVG generator logic for the `tailSpin` loader into a dedicated, reusable component.

Create `tailSpin` component (`src/components/tailSpin.js`):
- Export `createTailSpinSvg` helper function
- Generate unique gradient IDs dynamically to prevent SVG gradient collisions across multiple loader instances
- Explicitly set function `name` property on exported SVG creator

Refactor loader dialog (`src/dialogs/loader.js`):
- Import `createTailSpinSvg` from component path
- Remove redundant local `createTailSpinSvg` implementation and SVG gradient tracking logic

(AI generated commit message)

Author: AuDevTist1C

src/components/tailSpin.js

@@ -0,0 +1,15 @@
+import tailSpinSvg from "res/tail-spin.svg?raw";
+
+const tailSpinGradientId = "tail-spin-gradient";
+let tailSpinSvgId = 0;
+
+const createTailSpinSvg = () => {
+	const gradientId = `${tailSpinGradientId}-${tailSpinSvgId++}`;
+	return tailSpinSvg.replaceAll(tailSpinGradientId, gradientId);
+};
+
+Object.defineProperty(createTailSpinSvg, "name", {
+	value: "createTailSpinSvg",
+});
+
+export default createTailSpinSvg;

src/dialogs/loader.js

@@ -1,21 +1,14 @@
+import createTailSpinSvg from "components/tailSpin.js";
 import DOMPurify from "dompurify";
 import Ref from "html-tag-js/ref";
 import actionStack from "lib/actionStack";
 import restoreTheme from "lib/restoreTheme";
-import tailSpinSvg from "res/tail-spin.svg?raw";
 
 let loaderIsImmortal = false;
 let onCancelCallback = null;
 let $currentDialog = null;
 let $currentMask = null;
 const titleLoaderId = "__title-loader";
-const tailSpinGradientId = "tail-spin-gradient";
-let tailSpinSvgId = 0;
-
-function createTailSpinSvg() {
-	const gradientId = `${tailSpinGradientId}-${tailSpinSvgId++}`;
-	return tailSpinSvg.split(tailSpinGradientId).join(gradientId);
-}
 
 /**
  * @typedef {object} LoaderOptions