UI: Add custom glowing I-beam text cursor

public/cursor-text.svg

@@ -0,0 +1,17 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="gradText" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#e879f9" />
+      <stop offset="100%" stop-color="#06b6d4" />
+    </linearGradient>
+    <filter id="glowText" x="-50%" y="-50%" width="200%" height="200%">
+      <feGaussianBlur stdDeviation="1" result="blur" />
+      <feComposite in="SourceGraphic" in2="blur" operator="over" />
+    </filter>
+  </defs>
+  <path d="M9 4 H15 M12 4 V20 M9 20 H15" 
+        stroke="url(#gradText)" 
+        stroke-width="1.5" 
+        stroke-linecap="round"
+        filter="url(#glowText)"/>
+</svg>

src/index.css

@@ -45,7 +45,7 @@
     }
 
     input, textarea {
-        cursor: text;
+        cursor: url('/cursor-text.svg') 12 12, text;
     }
 
     body {

src/pages/HomePage.tsx

@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faYoutube } from "@fortawesome/free-brands-svg-icons";
-import { faSun, faMoon, faHistory, faCog } from "@fortawesome/free-solid-svg-icons";
+import { faLightbulb, faMoon, faHistory, faCog } from "@fortawesome/free-solid-svg-icons";
 import { Link } from "react-router-dom";
 import { InputPanel } from "../components/InputPanel";
 import type { InputValues } from "../components/InputPanel";
@@ -450,7 +450,7 @@ export function HomePage() {
                 <div className={`w-full h-full rounded-full ${theme === "dark" ? "gradient-bg opacity-10" : "opacity-0"} transition-opacity duration-300`} />
               </div>
               <div className="w-5 h-5 flex items-center justify-center z-10">
-                <FontAwesomeIcon icon={faSun} className={`w-2.5 h-2.5 transition-colors ${theme === "dark" ? "text-fg-muted/60" : "text-yellow-500"}`} />
+                <FontAwesomeIcon icon={faLightbulb} className={`w-2.5 h-2.5 transition-colors ${theme === "dark" ? "text-fg-muted/60" : "text-yellow-500"}`} />
               </div>
               <div className="w-5 h-5 flex items-center justify-center z-10">
                 <FontAwesomeIcon icon={faMoon} className={`w-2.5 h-2.5 transition-colors ${theme === "dark" ? "text-accent-primary" : "text-fg-muted/60"}`} />