feat: add SVG Spritesheet Merger to Dev Utilities

src/App.jsx

@@ -69,6 +69,7 @@ import SqlFormatter from "./pages/DevUtilities/devutilities/SqlFormatter";
 import SqlSchemaConverter from "./pages/DevUtilities/devutilities/SqlSchemaConverter";
 import SubnetCalculator from "./pages/DevUtilities/devutilities/SubnetCalculator";
 import SvgOptimizer from "./pages/DevUtilities/devutilities/SvgOptimizer";
+import SvgSpritesheetMerger from "./pages/DevUtilities/devutilities/SvgSpritesheetMerger";
 import SlugGenerator from "./pages/DevUtilities/devutilities/SlugGenerator";
 import TextCaseConverter from "./pages/DevUtilities/devutilities/TextCaseConverter";
 import TimestampConverter from "./pages/DevUtilities/devutilities/TimestampConverter";
@@ -545,6 +546,10 @@ function AppInner({ toggleHUD, hudVisible }) {
                 path="/devutilities/svg-to-data-uri"
                 element={<Navigate to="/devutilities/svg-optimizer" replace />}
               />
+              <Route
+                path="/devutilities/svg-spritesheet-merger"
+                element={<SvgSpritesheetMerger />}
+              />
               <Route
                 path="/devutilities/password-generator"
                 element={<PasswordGenerator />}

src/config/sidebarSections.js

@@ -342,6 +342,12 @@ const SIDEBAR_SECTIONS = [
         description: "Optimize SVGs, generate React JSX components, and compile Data URIs",
         path: "/devutilities/svg-optimizer",
       },
+      {
+        label: "SVG Spritesheet Merger",
+        description:
+          "Merge multiple SVGs into a single optimized <symbol>-based spritesheet.",
+        path: "/devutilities/svg-spritesheet-merger",
+      },
       {
         label: "Password Generator",
         description:

src/pages/DevUtilities/DevUtilities.jsx

@@ -115,6 +115,28 @@ const DevUtilities = () => {
         </svg>
       ),
     },
+    {
+      title: "SVG Spritesheet Merger",
+      description:
+        "Merge multiple standalone SVGs into a single optimized <symbol>-based spritesheet.",
+      keywords: "svg sprite spritesheet symbol icon merge bundle",
+      path: "/devutilities/svg-spritesheet-merger",
+      icon: (
+        <svg
+          className="w-6 h-6"
+          fill="none"
+          viewBox="0 0 24 24"
+          stroke="currentColor"
+        >
+          <path
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={2}
+            d="M4 4h6v6H4V4zm10 0h6v6h-6V4zM4 14h6v6H4v-6zm10 0h6v6h-6v-6z"
+          />
+        </svg>
+      ),
+    },
     {
       title: "SVG to Data URI Converter",
       description: