Client: Added spool clone button

client/src/App.tsx

@@ -19,7 +19,13 @@ import { useTranslation } from "react-i18next";
 import { BrowserRouter, Outlet, Route, Routes } from "react-router-dom";
 import { Header } from "./components/header";
 import { ColorModeContextProvider } from "./contexts/color-mode";
-import { SpoolCreate, SpoolEdit, SpoolList, SpoolShow } from "./pages/spools";
+import {
+  SpoolClone,
+  SpoolCreate,
+  SpoolEdit,
+  SpoolList,
+  SpoolShow,
+} from "./pages/spools";
 import {
   FilamentCreate,
   FilamentEdit,
@@ -82,6 +88,7 @@ function App() {
                   name: "spool",
                   list: "/spool",
                   create: "/spool/create",
+                  clone: "/spool/clone/:id",
                   edit: "/spool/edit/:id",
                   show: "/spool/show/:id",
                   meta: {
@@ -146,6 +153,7 @@ function App() {
                   <Route path="/spool">
                     <Route index element={<SpoolList />} />
                     <Route path="create" element={<SpoolCreate />} />
+                    <Route path="clone/:id" element={<SpoolClone />} />
                     <Route path="edit/:id" element={<SpoolEdit />} />
                     <Route path="show/:id" element={<SpoolShow />} />
                   </Route>