diff --git a/RestroHub-FrontEnd/package-lock.json b/RestroHub-FrontEnd/package-lock.json
index f9ad811..9bc6da4 100644
--- a/RestroHub-FrontEnd/package-lock.json
+++ b/RestroHub-FrontEnd/package-lock.json
@@ -2153,6 +2153,40 @@
       "resolved": "https://registry.npmjs.org/@webgpu/types/-/types-0.1.69.tgz",
       "integrity": "sha512-RPmm6kgRbI8e98zSD3RVACvnuktIja5+yLgDAkTmxLr90BEwdTXRQWNLF3ETTTyH/8mKhznZuN5AveXYFEsMGQ=="
     },
+    "node_modules/accepts": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.1.4.tgz",
+      "integrity": "sha512-8EKM6XlFgqSpDcxkT9yxCT8nDSWEVBD0UjgUWMCWh5kH9VU+ar2MhmDDYGxohXujPU8PPz88ukpkvfXFVWygHw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "~2.0.4",
+        "negotiator": "0.4.9"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/accepts/node_modules/mime-db": {
+      "version": "1.12.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.12.0.tgz",
+      "integrity": "sha512-5aMAW7I4jZoZB27fXRuekqc4DVvJ7+hM8UcWrNj2mqibE54gXgPSonBYBdQW5hyaVNGmiYjY0ZMqn9fBefWYvA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/accepts/node_modules/mime-types": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.0.14.tgz",
+      "integrity": "sha512-2ZHUEstNkIf2oTWgtODr6X0Cc4Ns/RN/hktdozndiEhhAC2wxXejF1FH0XLHTEImE9h6gr/tcnr3YOnSGsxc7Q==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "~1.12.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/acorn": {
       "version": "8.15.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
@@ -2177,6 +2211,11 @@
         "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
       }
     },
+    "node_modules/after": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/after/-/after-0.8.1.tgz",
+      "integrity": "sha512-SuI3vWhCFeSmkmmJ3efyuOkrhGyp/AuHthh3F5DinGYh2kR9t/0xUlm3/Vn2qMScfgg+cKho5fW7TUEYUhYeiA=="
+    },
     "node_modules/ajv": {
       "version": "6.12.6",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
@@ -2406,6 +2445,11 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/arraybuffer.slice": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/arraybuffer.slice/-/arraybuffer.slice-0.0.6.tgz",
+      "integrity": "sha512-6ZjfQaBSy6CuIH0+B0NrxMfDE5VIOCP/5gOqSpEIsaAZx9/giszzrXg6PZ7G51U/n88UmlAgYLNQ9wAnII7PJA=="
+    },
     "node_modules/async": {
       "version": "3.2.6",
       "resolved": "https://registry.npmjs.org/async/-/async-3.2.6.tgz",
@@ -2497,9 +2541,16 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true,
       "license": "MIT"
     },
+    "node_modules/base64-arraybuffer": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-0.1.2.tgz",
+      "integrity": "sha512-ewBKKVVPIl78B26mYQHYlaxR7NydMiD/GxwLNIwTAfLIE4xhN2Gxcy30//azq5UrejXjzGpWjcBu3NUJxzMMzg==",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
     "node_modules/base64-js": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
@@ -2519,6 +2570,14 @@
         }
       ]
     },
+    "node_modules/base64id": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/base64id/-/base64id-0.1.0.tgz",
+      "integrity": "sha512-DSjtfjhAsHl9J4OJj7e4+toV2zqxJrGwVd3CLlsCp8QmicvOn7irG0Mb8brOc/nur3SdO8lIbNlY1s1ZDJdUKQ==",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
     "node_modules/baseline-browser-mapping": {
       "version": "2.9.11",
       "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.9.11.tgz",
@@ -2529,6 +2588,31 @@
         "baseline-browser-mapping": "dist/cli.js"
       }
     },
+    "node_modules/batch": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/batch/-/batch-0.5.0.tgz",
+      "integrity": "sha512-avtDJBSxllB5QGphW1OXYF+ujhy/yIGgeFsvK6UiZLU86nWlqsNcZotUKd001wrl9MmZ9QIyVy8WFVEEpRIc5A=="
+    },
+    "node_modules/benchmark": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/benchmark/-/benchmark-1.0.0.tgz",
+      "integrity": "sha512-qSlOi0If8sI+icu3l/W5rd4R0etJz9orLPWpDdt1lPgEFzEHYYnkfMuotj+Lx5SyMkmfawlPoW9RmoEm19ziHA==",
+      "engines": [
+        "node",
+        "rhino"
+      ]
+    },
+    "node_modules/better-assert": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/better-assert/-/better-assert-1.0.2.tgz",
+      "integrity": "sha512-bYeph2DFlpK1XmGs6fvlLRUN29QISM3GBuUwSFsMY2XRx4AvC0WNCS57j4c/xGrK2RS24C1w3YoBOsw9fT46tQ==",
+      "dependencies": {
+        "callsite": "1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/bidi-js": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/bidi-js/-/bidi-js-1.0.3.tgz",
@@ -2550,11 +2634,69 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/blob": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/blob/-/blob-0.0.2.tgz",
+      "integrity": "sha512-BoCcDt8zBGShn6DawAGQw37s9SSs+fEjiZWDzyB+841PbOogcR2X7LGlM4sR3Zsiq/zoyl8MFWDfN6oDSlveBQ=="
+    },
+    "node_modules/boneyard": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/boneyard/-/boneyard-0.1.4.tgz",
+      "integrity": "sha512-mEWhXcBzSwTJ7qxDMRezqmGrGcLTSWzYiq36kkWAHTjCGHhDJuZ38g9oW4PR+DJA4MS0GOfLScCMfxuQV0FrGw==",
+      "license": "MIT",
+      "dependencies": {
+        "colors": "~0.6.2",
+        "commander": "2.0.0",
+        "compression": "1.2.2",
+        "connect": "2.13.x",
+        "fs-extra": "0.12.0",
+        "glob": "3.2.9",
+        "requirejs": "2.1.11",
+        "socket.io": "~1.2",
+        "uglify-js": "1.3.5",
+        "underscore": "1.6.x",
+        "underscore.string": "2.3.x",
+        "watch": "~0.11.x"
+      },
+      "bin": {
+        "composer": "bin/composer"
+      },
+      "engines": {
+        "node": ">0.10"
+      }
+    },
+    "node_modules/boneyard/node_modules/commander": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.0.0.tgz",
+      "integrity": "sha512-qebjpyeaA/nJ4w3EO2cV2++/zEkccPnjWogzA2rff+Lk8ILI75vULeTmyd4wPxWdKwtP3J+G39IXVZadh0UHyw==",
+      "engines": {
+        "node": ">= 0.6.x"
+      }
+    },
+    "node_modules/boneyard/node_modules/fs-extra": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-0.12.0.tgz",
+      "integrity": "sha512-1NVXFJOe5DBL5uqoELqGkYaakGhAuCZmcLz7yJSzfgdfvmaHxadegUiqSXkzzsBqiA/Oy01wJnLoIT26LfEPtA==",
+      "dependencies": {
+        "jsonfile": "^2.0.0",
+        "mkdirp": "^0.5.0",
+        "ncp": "^0.6.0",
+        "rimraf": "^2.2.8"
+      }
+    },
+    "node_modules/boneyard/node_modules/jsonfile": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-2.4.0.tgz",
+      "integrity": "sha512-PKllAqbgLgxHaj8TElYymKCAgrASebJrWpTnEkOaTowt23VKXXN0sUeriJ+eh7y6ufb/CC5ap11pz71/cM0hUw==",
+      "license": "MIT",
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
     "node_modules/brace-expansion": {
       "version": "1.1.12",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
       "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0",
@@ -2632,6 +2774,19 @@
         "ieee754": "^1.2.1"
       }
     },
+    "node_modules/buffer-crc32": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.1.tgz",
+      "integrity": "sha512-vMfBIRp/wjlpueSz7Sb0OmO7C5SH58SSmbsT8G4D48YfO/Zgbr29xNXMpZVSC14ujVJfrZZH1Bl+kXYRQPuvfQ==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/bytes": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-1.0.0.tgz",
+      "integrity": "sha512-/x68VkHLeTl3/Ll8IvxdwzhrT+IyKc52e/oyHhA2RwqPqswSnjVbSddfPRwAsJtbilMAPSRWwAlpxdYsSWOTKQ=="
+    },
     "node_modules/call-bind": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
@@ -2681,6 +2836,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/callsite": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/callsite/-/callsite-1.0.0.tgz",
+      "integrity": "sha512-0vdNRFXn5q+dtOqjfFtmtlI9N2eVZ7LMyEV2iKC5mEEFvSg/69Ml6b/WU2qF8W1nLRa0wiSrDT3Y5jOHZCwKPQ==",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/callsites": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
@@ -2814,6 +2977,14 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/colors": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/colors/-/colors-0.6.2.tgz",
+      "integrity": "sha512-OsSVtHK8Ir8r3+Fxw/b4jS1ZLPXkV6ZxDRJQzeD7qo0SqMXWrHDM71DgYzPMHY8SFJ0Ao+nNU2p1MmwdzKqPrw==",
+      "engines": {
+        "node": ">=0.1.90"
+      }
+    },
     "node_modules/combined-stream": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -2843,13 +3014,133 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/component-bind": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/component-bind/-/component-bind-1.0.0.tgz",
+      "integrity": "sha512-WZveuKPeKAG9qY+FkYDeADzdHyTYdIboXS59ixDeRJL5ZhxpqUnxSOwop4FQjMsiYm3/Or8cegVbpAHNA7pHxw=="
+    },
+    "node_modules/component-emitter": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.1.2.tgz",
+      "integrity": "sha512-YhIbp3PJiznERfjlIkK0ue4obZxt2S60+0W8z24ZymOHT8sHloOqWOqZRU2eN5OlY8U08VFsP02letcu26FilA=="
+    },
+    "node_modules/component-inherit": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/component-inherit/-/component-inherit-0.0.3.tgz",
+      "integrity": "sha512-w+LhYREhatpVqTESyGFg3NlP6Iu0kEKUHETY9GoZP/pQyW4mHFZuFWRUCIqVPZ36ueVLtoOEZaAqbCF2RDndaA=="
+    },
+    "node_modules/compressible": {
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
+      "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": ">= 1.43.0 < 2"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/compression": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/compression/-/compression-1.2.2.tgz",
+      "integrity": "sha512-j91tUroerw0zm2vITqL/XbIk2VZV/Gs5qQ5oVhJBArFSgvO5GSUG12D8omWihIUnQKWmTJ7koBWziOooIG62vw==",
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "~1.1.4",
+        "bytes": "1.0.0",
+        "compressible": "~2.0.1",
+        "debug": "~2.1.0",
+        "on-headers": "~1.0.0",
+        "vary": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/compression/node_modules/debug": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.1.3.tgz",
+      "integrity": "sha512-KWau3VQmxO3YwQCjJzMPPusOtI0hx3UGsqnY7RS+QHQjUeawpOVtJvAdeTrI2Ja5DTR8KH3xaEN8c+ADbXJWeg==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "0.7.0"
+      }
+    },
+    "node_modules/compression/node_modules/ms": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-0.7.0.tgz",
+      "integrity": "sha512-YmuMMkfOZzzAftlHwiQxFepJx/5rDaYi9o9QanyBCk485BRAyM/vB9XoYlZvglxE/pmAWOiQgrdoE10watiK9w=="
+    },
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
       "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "dev": true,
       "license": "MIT"
     },
+    "node_modules/connect": {
+      "version": "2.13.1",
+      "resolved": "https://registry.npmjs.org/connect/-/connect-2.13.1.tgz",
+      "integrity": "sha512-tR0WjaQ/OIhZjYMZA0ZKui3qm2woGTPnvAzzcqCNFiuHvk+WnpV/RJgjGwHeyeMlnqzdOqaohbOisbesPCNnKA==",
+      "deprecated": "connect 2.x series is deprecated",
+      "dependencies": {
+        "batch": "0.5.0",
+        "buffer-crc32": "0.2.1",
+        "bytes": "0.2.1",
+        "compressible": "1.0.0",
+        "cookie": "0.1.0",
+        "cookie-signature": "1.0.1",
+        "debug": ">= 0.7.3 < 1",
+        "fresh": "0.2.0",
+        "methods": "0.1.0",
+        "multiparty": "2.2.0",
+        "negotiator": "0.3.0",
+        "pause": "0.0.1",
+        "qs": "0.6.6",
+        "raw-body": "1.1.3",
+        "send": "0.1.4",
+        "uid2": "0.0.3"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/connect/node_modules/bytes": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-0.2.1.tgz",
+      "integrity": "sha512-odbk8/wGazOuC1v8v4phoV285/yx8UN5kfQhhuxaVcceig4OUiCZQBtaEtmA1Q78QSTN9iXOQ7X2EViybrEvtQ=="
+    },
+    "node_modules/connect/node_modules/compressible": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/compressible/-/compressible-1.0.0.tgz",
+      "integrity": "sha512-iy203MIJMtCucpPkRq5g0e8Y1lNTY2MJPMnqBDvL6zSW5lv7hFQAF+M1tAp2ujZ1C5eTGgjukj6oWrIodrBijA==",
+      "license": "MIT"
+    },
+    "node_modules/connect/node_modules/cookie": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.1.0.tgz",
+      "integrity": "sha512-YSNOBX085/nzHvrTLEHYHoNdkvpLU1MPjU3r1IGawudZJjfuqnRNIFrcOJJ7bfwC+HWbHL1Y4yMkC0O+HWjV7w==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/connect/node_modules/debug": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-0.8.1.tgz",
+      "integrity": "sha512-HlXEJm99YsRjLJ8xmuz0Lq8YUwrv7hAJkTEr6/Em3sUlSUNl0UdFA+1SrY4fnykeq1FVkUEUtwRGHs9VvlYbGA==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/connect/node_modules/negotiator": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.3.0.tgz",
+      "integrity": "sha512-q9wF64uB31BDZQ44DWf+8gE7y8xSpBdREAsJfnBO2WX9ecsutfUO6S9uWEdixlDLOlWaqnlnFXXwZxUUmyLfgg==",
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/convert-source-map": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
@@ -2870,6 +3161,17 @@
         "url": "https://opencollective.com/express"
       }
     },
+    "node_modules/cookie-signature": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.1.tgz",
+      "integrity": "sha512-FMG5ziBzXZ5d4j5obbWOH1X7AtIpsU9ce9mQ+lHo/I1++kzz/isNarOj6T1lBPRspP3mZpuIutc7OVDVcaN1Kg=="
+    },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+      "license": "MIT"
+    },
     "node_modules/cross-env": {
       "version": "7.0.3",
       "resolved": "https://registry.npmjs.org/cross-env/-/cross-env-7.0.3.tgz",
@@ -3100,7 +3402,6 @@
       "version": "4.4.3",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
       "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ms": "^2.1.3"
@@ -3249,6 +3550,114 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/engine.io": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-1.4.3.tgz",
+      "integrity": "sha512-kMqJsjWqtlyJ1MscR1dhm8LTH/avrZk2qLYoitQ0Zgcr3wfdwHwRtnOxQuY55Gn9WKQjqXinYrUc8P/bOJfJ9Q==",
+      "dependencies": {
+        "base64id": "0.1.0",
+        "debug": "1.0.3",
+        "engine.io-parser": "1.1.0",
+        "ws": "0.5.0"
+      }
+    },
+    "node_modules/engine.io-client": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-1.4.3.tgz",
+      "integrity": "sha512-8gTEszZ/7tjYiOisI83hCaZ9M7+P9Nn0q/ADaLjOq/6yfAcRurPE26ypdHeGrRWmlB5LbFFjeVU3Hxf/znzf2A==",
+      "dependencies": {
+        "component-emitter": "1.1.2",
+        "component-inherit": "0.0.3",
+        "debug": "1.0.4",
+        "engine.io-parser": "1.1.0",
+        "has-cors": "1.0.3",
+        "indexof": "0.0.1",
+        "parsejson": "0.0.1",
+        "parseqs": "0.0.2",
+        "parseuri": "0.0.4",
+        "ws": "0.4.31",
+        "xmlhttprequest": "https://github.com/LearnBoost/node-XMLHttpRequest/archive/0f36d0b5ebc03d85f860d42a64ae9791e1daa433.tar.gz"
+      }
+    },
+    "node_modules/engine.io-client/node_modules/commander": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-0.6.1.tgz",
+      "integrity": "sha512-0fLycpl1UMTGX257hRsu/arL/cUbcvQM4zMKwvLvzXtfdezIV4yotPS2dYtknF+NmEfWSoCEF6+hj9XLm/6hEw==",
+      "engines": {
+        "node": ">= 0.4.x"
+      }
+    },
+    "node_modules/engine.io-client/node_modules/debug": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-1.0.4.tgz",
+      "integrity": "sha512-plA8d2GHafT7kXzMDs5r7NSfYP7IKHdO8rZPVAqI33Eum7Vq/Ef/ETXm6NncF/RMif4fzI0RetSArZ6PMIxP0g==",
+      "dependencies": {
+        "ms": "0.6.2"
+      }
+    },
+    "node_modules/engine.io-client/node_modules/ms": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-0.6.2.tgz",
+      "integrity": "sha512-/pc3eh7TWorTtbvXg8je4GvrvEqCfH7PA3P7iW01yL2E53FKixzgMBaQi0NOPbMJqY34cBSvR0tZtmlTkdUG4A=="
+    },
+    "node_modules/engine.io-client/node_modules/nan": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-0.3.2.tgz",
+      "integrity": "sha512-V9/Pyy5Oelv6vVJP9X+dAzU3IO19j6YXrJnODHxP2h54hTvfFQGahdsQV6Ule/UukiEJk1SkQ/aUyWUm61RBQw==",
+      "license": "MIT"
+    },
+    "node_modules/engine.io-client/node_modules/parseuri": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npmjs.org/parseuri/-/parseuri-0.0.4.tgz",
+      "integrity": "sha512-9pW0ZCCDtEIzW7beHfLg2N13pgctOVRq1Z+1PKdpsF4wD9GhYUMAAxBhmPRPVVy1fg2z+eH/8uw8dgA0j9DNzw==",
+      "license": "MIT",
+      "dependencies": {
+        "better-assert": "~1.0.0"
+      }
+    },
+    "node_modules/engine.io-client/node_modules/ws": {
+      "version": "0.4.31",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-0.4.31.tgz",
+      "integrity": "sha512-mWiVQ9qZGPXvLxQ4xGy58Ix5Bw0L99SB+hDT8L59bty4fbnQczaGl4YEWR7AzLQGbvPn/30r9/o41dPiSuUmYw==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "commander": "~0.6.1",
+        "nan": "~0.3.0",
+        "options": ">=0.0.5",
+        "tinycolor": "0.x"
+      },
+      "bin": {
+        "wscat": "bin/wscat"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/engine.io-parser": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-1.1.0.tgz",
+      "integrity": "sha512-PjuuAYrNm4YMYkJSOlIZ/Y5ytwzvhEButsIVkRUfgkTsAsQzd0Arfrx1dCgwMsnqDuyXf8pBiK1I3uOFcu2/ZA==",
+      "dependencies": {
+        "after": "0.8.1",
+        "arraybuffer.slice": "0.0.6",
+        "base64-arraybuffer": "0.1.2",
+        "blob": "0.0.2",
+        "utf8": "2.0.0"
+      }
+    },
+    "node_modules/engine.io/node_modules/debug": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-1.0.3.tgz",
+      "integrity": "sha512-MltK7Ykj/udtD728gD/RrONStwVnDpBNIP1h+CBcnwnJdHqHxfWHI1E8XLootUl7NOPAYTCCXlb8/Qmy7WyB1w==",
+      "dependencies": {
+        "ms": "0.6.2"
+      }
+    },
+    "node_modules/engine.io/node_modules/ms": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-0.6.2.tgz",
+      "integrity": "sha512-/pc3eh7TWorTtbvXg8je4GvrvEqCfH7PA3P7iW01yL2E53FKixzgMBaQi0NOPbMJqY34cBSvR0tZtmlTkdUG4A=="
+    },
     "node_modules/es-abstract": {
       "version": "1.24.1",
       "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.1.tgz",
@@ -4071,6 +4480,11 @@
         }
       }
     },
+    "node_modules/fresh": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.2.0.tgz",
+      "integrity": "sha512-ckGdAuSRr1wBmnq7CsW7eU37DBwQxHx3vW8foJUIrF56rkOy8Osm6Fe8KSwemwyKejivKki7jVBgpBpBJexmrw=="
+    },
     "node_modules/fs-extra": {
       "version": "11.3.5",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.5.tgz",
@@ -4086,6 +4500,12 @@
         "node": ">=14.14"
       }
     },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "license": "ISC"
+    },
     "node_modules/fsevents": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
@@ -4249,6 +4669,53 @@
         "node": ">=18"
       }
     },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "async": "^3.2.4",
+        "commander": "^13.0.0",
+        "email-addresses": "^5.0.0",
+        "filenamify": "^4.3.0",
+        "find-cache-dir": "^3.3.1",
+        "fs-extra": "^11.1.1",
+        "globby": "^11.1.0"
+      },
+      "bin": {
+        "gh-pages": "bin/gh-pages.js",
+        "gh-pages-clean": "bin/gh-pages-clean.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/gh-pages/node_modules/commander": {
+      "version": "13.1.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-13.1.0.tgz",
+      "integrity": "sha512-/rFeCpNJQbhSZjGVwO9RFV3xPqbnERS8MmIQzCtD/zl6gpJuV/bMLuN92oG3F7d8oDEHHRrujSXNUr8fpjntKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/glob": {
+      "version": "3.2.9",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-3.2.9.tgz",
+      "integrity": "sha512-xWlmQw1Sy45ZED7rN0t2h6HhtnlGU2ADbIsi8QyK9qtHOseaTYokI8EZA6AQm2pVZKYw4MzvTocrhHCdx1VM4A==",
+      "deprecated": "Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
+      "license": "BSD",
+      "dependencies": {
+        "inherits": "2",
+        "minimatch": "~0.2.11"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/glob-parent": {
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
@@ -4262,6 +4729,32 @@
         "node": ">=10.13.0"
       }
     },
+    "node_modules/glob/node_modules/lru-cache": {
+      "version": "2.7.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-2.7.3.tgz",
+      "integrity": "sha512-WpibWJ60c3AgAz8a2iYErDrcT2C7OmKnsWhIcHOjkUHFjkXncJhtLxNSqUmxRxRunpb5I8Vprd7aNSd2NtksJQ==",
+      "license": "ISC"
+    },
+    "node_modules/glob/node_modules/minimatch": {
+      "version": "0.2.14",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-0.2.14.tgz",
+      "integrity": "sha512-zZ+Jy8lVWlvqqeM8iZB7w7KmQkoJn8djM585z88rywrEbzoqawVa9FR5p2hwD+y74nfuKOjmNvi9gtWJNLqHvA==",
+      "deprecated": "Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue",
+      "license": "MIT",
+      "dependencies": {
+        "lru-cache": "2",
+        "sigmund": "~1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/global": {
+      "version": "2.0.1",
+      "resolved": "https://github.com/component/global/archive/v2.0.1.tar.gz",
+      "integrity": "sha512-O91OcV/NbdmQJPHaRu2ekSP7bqFRLWgqSwaJvqHPZHUwmHBagQYTOra29+LnzzG3lZkXH1ANzHzfCxtAPM9HMA==",
+      "license": "MIT"
+    },
     "node_modules/globals": {
       "version": "14.0.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
@@ -4343,6 +4836,7 @@
       "version": "4.2.11",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
       "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "devOptional": true,
       "dev": true,
       "license": "ISC"
     },
@@ -4359,6 +4853,45 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/has-binary": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/has-binary/-/has-binary-0.1.5.tgz",
+      "integrity": "sha512-dXbaZ+8xxT65ntQW/GoabKnknw2g4YEu6jaFEK3yGZud0fBm8lz9XJOilkiPT7ky37l5NQ9vI6sFEyDX+cYBQw==",
+      "license": "MIT",
+      "dependencies": {
+        "isarray": "0.0.1"
+      }
+    },
+    "node_modules/has-binary-data": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/has-binary-data/-/has-binary-data-0.1.3.tgz",
+      "integrity": "sha512-v9nautvyKZBpnUCALBHSXocsGwIErU+CipSKAAuibJbNl2jueR/qqtERnUGaKesG/ba0H47dqYKyRyGddKeBIg==",
+      "license": "ISC",
+      "dependencies": {
+        "isarray": "0.0.1"
+      }
+    },
+    "node_modules/has-binary-data/node_modules/isarray": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+      "integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==",
+      "license": "MIT"
+    },
+    "node_modules/has-binary/node_modules/isarray": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+      "integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==",
+      "license": "MIT"
+    },
+    "node_modules/has-cors": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-cors/-/has-cors-1.0.3.tgz",
+      "integrity": "sha512-Mxk1ba23PNtB3zPigreijApS3uuH9bhgZkqQtLQj7ydWHsGeb9uOtk4gsK6mZj4rYG6VNS/CT9G1XkYfgItpKg==",
+      "license": "MIT",
+      "dependencies": {
+        "global": "https://github.com/component/global/archive/v2.0.1.tar.gz"
+      }
+    },
     "node_modules/has-flag": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
@@ -4540,6 +5073,28 @@
         "node": ">=0.8.19"
       }
     },
+    "node_modules/indexof": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/indexof/-/indexof-0.0.1.tgz",
+      "integrity": "sha512-i0G7hLJ1z0DE8dsqJa2rycj9dBmNKgXBvotXtZYXakU9oivfB9Uj2ZBC27qqef2U58/ZLwalxa1X/RDCdkHtVg=="
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
+      "license": "ISC",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
+    },
     "node_modules/internal-slot": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
@@ -5088,6 +5643,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/json3": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/json3/-/json3-3.2.6.tgz",
+      "integrity": "sha512-KA+GHhYTLTo7Ri4DyjwUgW8kn98AYtVZtBC94qL5yD0ZSYct8/eF8qBmTNyk+gPE578bKeIL4WBq+MUyd1I26g==",
+      "deprecated": "Please use the native JSON object instead of JSON 3"
+    },
     "node_modules/json5": {
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
@@ -5330,6 +5891,12 @@
       "resolved": "https://registry.npmjs.org/meshoptimizer/-/meshoptimizer-0.22.0.tgz",
       "integrity": "sha512-IebiK79sqIy+E4EgOr+CAw+Ke8hAspXKzBd0JdgEmPHiAwmvEj2S4h1rfvo+o/BnfEYd/jAOg5IeeIjzlzSnDg=="
     },
+    "node_modules/methods": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-0.1.0.tgz",
+      "integrity": "sha512-N4cn4CbDqu7Fp3AT4z3AsO19calgczhsmCGzXLCiUOrWg9sjb1B+yKFKOrnnPGKKvjyJBmw+k6b3adFN2LbuBw==",
+      "license": "MIT"
+    },
     "node_modules/micromatch": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
@@ -5357,6 +5924,11 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/mime": {
+      "version": "1.2.11",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.2.11.tgz",
+      "integrity": "sha512-Ysa2F/nqTNGHhhm9MV8ure4+Hc+Y8AWiqUdHxsO7xu8zc92ND9f3kpALHjaP026Ft17UfxrMt95c50PLUeynBw=="
+    },
     "node_modules/mime-db": {
       "version": "1.52.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
@@ -5392,7 +5964,6 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
       "license": "ISC",
       "dependencies": {
         "brace-expansion": "^1.1.7"
@@ -5401,6 +5972,27 @@
         "node": "*"
       }
     },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/mkdirp": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.6"
+      },
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      }
+    },
     "node_modules/motion-dom": {
       "version": "12.33.0",
       "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.33.0.tgz",
@@ -5418,9 +6010,21 @@
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "dev": true,
       "license": "MIT"
     },
+    "node_modules/multiparty": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/multiparty/-/multiparty-2.2.0.tgz",
+      "integrity": "sha512-fiFMI4tSze1TsrWFZNABRwy7kF/VycEWz4t0UFESOoP5IdJh29AUFmbirWXv/Ih/rNw62OO2YaQpQEiw1BFQpQ==",
+      "license": "MIT",
+      "dependencies": {
+        "readable-stream": "~1.1.9",
+        "stream-counter": "~0.2.0"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
     "node_modules/mz": {
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
@@ -5433,6 +6037,12 @@
         "thenify-all": "^1.0.0"
       }
     },
+    "node_modules/nan": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-1.4.3.tgz",
+      "integrity": "sha512-sZJUTDM4+nDMorRUb2WS0nv5ihun+xqlHhKgKCKi0s4nI/tj5NVHlEm13hEySdZ15iAORPaJ50Gv6yi93bPPIw==",
+      "license": "MIT"
+    },
     "node_modules/nanoid": {
       "version": "3.3.11",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
@@ -5459,6 +6069,24 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/ncp": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/ncp/-/ncp-0.6.0.tgz",
+      "integrity": "sha512-z5F/duoqgCu095ADYgO0rNh1z7Yc1AA6VQk9tUOEwd8sPeCwTMPRST+f0UiDBLAEQ3joAgdKqSCRs09sgvU1xA==",
+      "license": "MIT",
+      "bin": {
+        "ncp": "bin/ncp"
+      }
+    },
+    "node_modules/negotiator": {
+      "version": "0.4.9",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.4.9.tgz",
+      "integrity": "sha512-fvi5GQce2TGDzanaTxNY3bboxjdce18sqwNylY439wkEkiJIyTMhGFMdlPCvDsIPa9IKIfhKwCMWEQ9YpZgb1Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/node-releases": {
       "version": "2.0.27",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
@@ -5485,6 +6113,11 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/object-component": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/object-component/-/object-component-0.0.3.tgz",
+      "integrity": "sha512-S0sN3agnVh2SZNEIGc0N1X4Z5K0JeFbGBrnuZpsxuUh5XLF0BnvWkMjRXo/zGKLd/eghvNIKcx1pQkmUjXIyrA=="
+    },
     "node_modules/object-hash": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
@@ -5593,6 +6226,24 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/on-headers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
+      "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
     "node_modules/optionator": {
       "version": "0.9.4",
       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
@@ -5611,6 +6262,14 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/options": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/options/-/options-0.0.6.tgz",
+      "integrity": "sha512-bOj3L1ypm++N+n7CEbbe473A414AB7z+amKYshRb//iuL3MpdDCLhPnw6aVTdKB9g5ZRVHIEp8eUln6L2NUStg==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/own-keys": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz",
@@ -5684,6 +6343,33 @@
         "node": ">=6"
       }
     },
+    "node_modules/parsejson": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/parsejson/-/parsejson-0.0.1.tgz",
+      "integrity": "sha512-W9CRvTfYQY/kbRc5Q6YTWarb/QDxdEGbd6RCP8CLUQDJV89RVHoS2A0dZYNtAcq31fulGNN4ZhAhiQQazwlKJg==",
+      "license": "MIT",
+      "dependencies": {
+        "better-assert": "~1.0.0"
+      }
+    },
+    "node_modules/parseqs": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/parseqs/-/parseqs-0.0.2.tgz",
+      "integrity": "sha512-vyyyfQGUFZnDhgrrdn+hh1JuOfvbXU5oRr6dijfkSIbaFuxGgTSCA/RNVcsADmo0k2NX6wERVTMKkXokjuObJA==",
+      "license": "MIT",
+      "dependencies": {
+        "better-assert": "~1.0.0"
+      }
+    },
+    "node_modules/parseuri": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/parseuri/-/parseuri-0.0.2.tgz",
+      "integrity": "sha512-m0H+R0u5LXOx8sbxufnvgKrRLpkVpvtMf0AyWXYSqLwo2MWrVEgCIbgpaSVa398xl6wTLe0A7CGhiC4hBdEzHQ==",
+      "license": "MIT",
+      "dependencies": {
+        "better-assert": "~1.0.0"
+      }
+    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -5694,6 +6380,15 @@
         "node": ">=8"
       }
     },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/path-key": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
@@ -5720,6 +6415,11 @@
         "node": ">=8"
       }
     },
+    "node_modules/pause": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/pause/-/pause-0.0.1.tgz",
+      "integrity": "sha512-KG8UEiEVkR3wGEb4m5yZkVCzigAD+cVEJck2CzYZO37ZGJfctvVptVO192MwrtPhzONn6go8ylnOdMhKqi4nfg=="
+    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -6088,6 +6788,14 @@
       "integrity": "sha512-c4iYnWb+k2E+vYpRimHqSu575b1/wKl4XFeJGpFmrJQz5I88v9aY2czh7s0w36srfCM1sXgC/xpoJz5dJfq+OQ==",
       "license": "MIT"
     },
+    "node_modules/qs": {
+      "version": "0.6.6",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-0.6.6.tgz",
+      "integrity": "sha512-kN+yNdAf29Jgp+AYHUmC7X4QdJPR8czuMWLNLc0aRxkQ7tB3vJQEONKKT9ou/rW7EbqVec11srC9q9BiVbcnHA==",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -6109,6 +6817,32 @@
       ],
       "license": "MIT"
     },
+    "node_modules/range-parser": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-0.0.4.tgz",
+      "integrity": "sha512-okJVEq9DbZyg+5lD8pr6ooQmeA0uu8DYIyAU7VK1WUUK7hctI1yw2ZHhKiKjB6RXaDrYRmTR4SsIHkyiQpaLMA==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/raw-body": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-1.1.3.tgz",
+      "integrity": "sha512-NKclC/FmjQN0BQ0LXOimGACNMrnkGa0KFqptDEnwyz4pR5vQT/L4vz4gKhndnFh/Nx0BsKW8ubchby/relf9dg==",
+      "deprecated": "No longer maintained. Please upgrade to a stable version.",
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "~0.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/raw-body/node_modules/bytes": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-0.2.1.tgz",
+      "integrity": "sha512-odbk8/wGazOuC1v8v4phoV285/yx8UN5kfQhhuxaVcceig4OUiCZQBtaEtmA1Q78QSTN9iXOQ7X2EViybrEvtQ=="
+    },
     "node_modules/react": {
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
@@ -6133,6 +6867,18 @@
         "react": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/react-content-loader": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/react-content-loader/-/react-content-loader-7.1.2.tgz",
+      "integrity": "sha512-naFG7OERUQNPKQt1QWHyBF0/y6Zmr7dOzqjs1U5yOnu4OZmcE3+b/blp40dEKa9lvYAzOuj5dvfTK1cg5YWJkA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "react": ">=18.0.0"
+      }
+    },
     "node_modules/react-dom": {
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
@@ -6185,6 +6931,15 @@
       "license": "MIT",
       "peer": true
     },
+    "node_modules/react-loading-skeleton": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/react-loading-skeleton/-/react-loading-skeleton-3.5.0.tgz",
+      "integrity": "sha512-gxxSyLbrEAdXTKgfbpBEFZCO/P153DnqSCQau2+o6lNy1jgMRr2MmRmOzMmyrwSaSYLRB8g7b0waYPmUjz7IhQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
     "node_modules/react-qr-code": {
       "version": "2.0.18",
       "resolved": "https://registry.npmjs.org/react-qr-code/-/react-qr-code-2.0.18.tgz",
@@ -6317,6 +7072,24 @@
         "pify": "^2.3.0"
       }
     },
+    "node_modules/readable-stream": {
+      "version": "1.1.14",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.1.14.tgz",
+      "integrity": "sha512-+MeVjFf4L44XUkhM1eYbD8fyEsxcV81pqMSR5gblfcLCHfZvbrqy4/qYHE+/R5HoBUT11WV5O08Cr1n3YXkWVQ==",
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.1",
+        "isarray": "0.0.1",
+        "string_decoder": "~0.10.x"
+      }
+    },
+    "node_modules/readable-stream/node_modules/isarray": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+      "integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==",
+      "license": "MIT"
+    },
     "node_modules/readdirp": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
@@ -6441,6 +7214,17 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/requirejs": {
+      "version": "2.1.11",
+      "resolved": "https://registry.npmjs.org/requirejs/-/requirejs-2.1.11.tgz",
+      "integrity": "sha512-eJJ1xgjNzjlpSWF8fdmaFLavIvbDS55ItVtSMHi0bCAKn20X0KH0sadOnDvEW7QiOWCeFeL+/idpG9yi3kzWqw==",
+      "bin": {
+        "r.js": "bin/r.js"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/reselect": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/reselect/-/reselect-5.1.1.tgz",
@@ -6486,6 +7270,40 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/rimraf": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+      "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+      "deprecated": "Rimraf versions prior to v4 are no longer supported",
+      "license": "ISC",
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      }
+    },
+    "node_modules/rimraf/node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/rollup": {
       "version": "4.57.1",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.57.1.tgz",
@@ -6629,6 +7447,17 @@
         "semver": "bin/semver.js"
       }
     },
+    "node_modules/send": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.1.4.tgz",
+      "integrity": "sha512-NJnIaB29/EcNqkNneUAm16oEVnzM2LeNBc/hmgKuExv2k9pCZQEw8SHJeCdjqesHJTyWAr7x5HjeOmRFS4BoFw==",
+      "dependencies": {
+        "debug": "*",
+        "fresh": "0.2.0",
+        "mime": "~1.2.9",
+        "range-parser": "0.0.4"
+      }
+    },
     "node_modules/set-cookie-parser": {
       "version": "2.7.2",
       "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.2.tgz",
@@ -6781,6 +7610,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/sigmund": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/sigmund/-/sigmund-1.0.1.tgz",
+      "integrity": "sha512-fCvEXfh6NWpm+YSuY2bpXb/VIihqWA6hLsgboC+0nl71Q7N7o2eaCW8mJa/NLvQhs6jpd3VZV4UiUQlV6+lc8g==",
+      "license": "ISC"
+    },
     "node_modules/slash": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
@@ -6791,6 +7626,112 @@
         "node": ">=8"
       }
     },
+    "node_modules/socket.io": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-1.2.1.tgz",
+      "integrity": "sha512-9LimGUowhaix4Ias6Z3VxcoWMU3U1yMPi8lZd/mhdfNOVgJiwxSwI3JoAdp9qyeISVQZePFMips4T1lclqcv2A==",
+      "dependencies": {
+        "debug": "0.7.4",
+        "engine.io": "1.4.3",
+        "has-binary-data": "0.1.3",
+        "socket.io-adapter": "0.3.1",
+        "socket.io-client": "1.2.1",
+        "socket.io-parser": "2.2.2"
+      }
+    },
+    "node_modules/socket.io-adapter": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-0.3.1.tgz",
+      "integrity": "sha512-DmOAXQyYdztliqS38RnnvG/YPHnPhGRg1C8/IT+Fkrg5JaC7Xtox+ItIbJ12B/5vmBJvaQFF1Px9U0ePjn+R3g==",
+      "dependencies": {
+        "debug": "1.0.2",
+        "object-keys": "1.0.1",
+        "socket.io-parser": "2.2.2"
+      }
+    },
+    "node_modules/socket.io-adapter/node_modules/debug": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-1.0.2.tgz",
+      "integrity": "sha512-T9bufXIzQvCa4VrTIpLvvwdLhH+wuBtvIJJA3xgzVcaVETGmTIWMfEXQEd1K4p8BaRmQJPn6MPut38H7YQ+iIA==",
+      "dependencies": {
+        "ms": "0.6.2"
+      }
+    },
+    "node_modules/socket.io-adapter/node_modules/ms": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-0.6.2.tgz",
+      "integrity": "sha512-/pc3eh7TWorTtbvXg8je4GvrvEqCfH7PA3P7iW01yL2E53FKixzgMBaQi0NOPbMJqY34cBSvR0tZtmlTkdUG4A=="
+    },
+    "node_modules/socket.io-adapter/node_modules/object-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.0.1.tgz",
+      "integrity": "sha512-DsJ69TA3wPICBmxYj6rij6uGKvKb9s2mtebzhuN/eI1GabJ3xC7fZ7PWjW0GS06hSclD0GxKGGAHQo5P7R2ZTg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/socket.io-client": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-1.2.1.tgz",
+      "integrity": "sha512-R11nakQ/Y9shtLIxjnfBsQJrLYZw51TYGIzxwhYFGnY7vGHYKgzOJ0Xp1oxO+7CmEDJIL6OpkZ7rpo6NPFvo+w==",
+      "license": "MIT",
+      "dependencies": {
+        "component-bind": "1.0.0",
+        "component-emitter": "1.1.2",
+        "debug": "0.7.4",
+        "engine.io-client": "1.4.3",
+        "has-binary": "0.1.5",
+        "indexof": "0.0.1",
+        "object-component": "0.0.3",
+        "parseuri": "0.0.2",
+        "socket.io-parser": "2.2.2",
+        "to-array": "0.1.3"
+      }
+    },
+    "node_modules/socket.io-client/node_modules/debug": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-0.7.4.tgz",
+      "integrity": "sha512-EohAb3+DSHSGx8carOSKJe8G0ayV5/i609OD0J2orCkuyae7SyZSz2aoLmQF2s0Pj5gITDebwPH7GFBlqOUQ1Q==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/socket.io-parser": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-2.2.2.tgz",
+      "integrity": "sha512-fM+hIkoQPh0oNLoL7yx39fvtqMncRTBekjENFPT8dEYHXqvRYC8yWwT+m9PW8wmYieUcqzw7yJnHNXzPAC9i9w==",
+      "license": "MIT",
+      "dependencies": {
+        "benchmark": "1.0.0",
+        "component-emitter": "1.1.2",
+        "debug": "0.7.4",
+        "isarray": "0.0.1",
+        "json3": "3.2.6"
+      }
+    },
+    "node_modules/socket.io-parser/node_modules/debug": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-0.7.4.tgz",
+      "integrity": "sha512-EohAb3+DSHSGx8carOSKJe8G0ayV5/i609OD0J2orCkuyae7SyZSz2aoLmQF2s0Pj5gITDebwPH7GFBlqOUQ1Q==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/socket.io-parser/node_modules/isarray": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+      "integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==",
+      "license": "MIT"
+    },
+    "node_modules/socket.io/node_modules/debug": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-0.7.4.tgz",
+      "integrity": "sha512-EohAb3+DSHSGx8carOSKJe8G0ayV5/i609OD0J2orCkuyae7SyZSz2aoLmQF2s0Pj5gITDebwPH7GFBlqOUQ1Q==",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/source-map-js": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -6838,6 +7779,24 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/stream-counter": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/stream-counter/-/stream-counter-0.2.0.tgz",
+      "integrity": "sha512-GjA2zKc2iXUUKRcOxXQmhEx0Ev3XHJ6c8yWGqhQjWwhGrqNwSsvq9YlRLgoGtZ5Kx2Ln94IedaqJ5GUG6aBbxA==",
+      "license": "BSD",
+      "dependencies": {
+        "readable-stream": "~1.1.8"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "0.10.31",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
+      "integrity": "sha512-ev2QzSzWPYmy9GuqfIVildA4OdcGLeFZQrq5ys6RtiuF+RQQiZWr8TZNyAcuVXyQRYfEO+MsoB/1BuQVhOJuoQ==",
+      "license": "MIT"
+    },
     "node_modules/string.prototype.matchall": {
       "version": "4.0.12",
       "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz",
@@ -7172,6 +8131,14 @@
       "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==",
       "license": "MIT"
     },
+    "node_modules/tinycolor": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/tinycolor/-/tinycolor-0.0.1.tgz",
+      "integrity": "sha512-+CorETse1kl98xg0WAzii8DTT4ABF4R3nquhrkIbVGcw1T8JYs5Gfx9xEfGINPUZGDj9C4BmOtuKeaTtuuRolg==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/tinyglobby": {
       "version": "0.2.15",
       "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
@@ -7189,6 +8156,11 @@
         "url": "https://github.com/sponsors/SuperchupuDev"
       }
     },
+    "node_modules/to-array": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/to-array/-/to-array-0.1.3.tgz",
+      "integrity": "sha512-JQk/QMS4oHyU2VufVeyjN25dcnZnr1PV1pa1oKSj7l5tVO9WrU62og3fYzB3mrgJZZgBxdrrA/v6iZzMDuyFYw=="
+    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -7409,6 +8381,25 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/uglify-js": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-1.3.5.tgz",
+      "integrity": "sha512-YPX1DjKtom8l9XslmPFQnqWzTBkvI4N0pbkzLuPZZ4QTyig0uQqvZz9NgUdfEV+qccJzi7fVcGWdESvRIjWptQ==",
+      "bin": {
+        "uglifyjs": "bin/uglifyjs"
+      }
+    },
+    "node_modules/uid2": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/uid2/-/uid2-0.0.3.tgz",
+      "integrity": "sha512-5gSP1liv10Gjp8cMEnFd6shzkL/D6W1uhXSFNCxDC+YI8+L8wkCYCbJ7n77Ezb4wE/xzMogecE+DtamEe9PZjg=="
+    },
+    "node_modules/ultron": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/ultron/-/ultron-1.0.2.tgz",
+      "integrity": "sha512-QMpnpVtYaWEeY+MwKDN/UdKlE/LsFZXM5lO1u7GaZzNgmIbGixHEmVMIKT+vqYOALu3m5GYQy9kz4Xu4IVn7Ow==",
+      "license": "MIT"
+    },
     "node_modules/unbox-primitive": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
@@ -7428,6 +8419,19 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/underscore": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/underscore/-/underscore-1.6.0.tgz",
+      "integrity": "sha512-z4o1fvKUojIWh9XuaVLUDdf86RQiq13AC1dmHbTpoyuu+bquHms76v16CjycCbec87J7z0k//SiQVk0sMdFmpQ=="
+    },
+    "node_modules/underscore.string": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/underscore.string/-/underscore.string-2.3.3.tgz",
+      "integrity": "sha512-hbD5MibthuDAu4yA5wxes5bzFgqd3PpBJuClbRxaNddxfdsz+qf+1kHwrGQFrmchmDHb9iNU+6EHDn8uj0xDJg==",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/universalify": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
@@ -7488,6 +8492,11 @@
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       }
     },
+    "node_modules/utf8": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/utf8/-/utf8-2.0.0.tgz",
+      "integrity": "sha512-jWXHr+bQ8RsWazLzVY3V7XACPTbBHYSg/VoDVok+DBQk5ULm0AuBCNb9tGmjq2H+znnkBFwjhzzCbn9G3xlYcA=="
+    },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -7503,6 +8512,15 @@
         "node": ">= 4"
       }
     },
+    "node_modules/vary": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.0.1.tgz",
+      "integrity": "sha512-yNsH+tC0r8quK2tg/yqkXqqaYzeKTkSqQ+8T6xCoWgOi/bU/omMYz+6k+I91JJJDeltJzI7oridTOq6OYkY0Tw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/victory-vendor": {
       "version": "37.3.6",
       "resolved": "https://registry.npmjs.org/victory-vendor/-/victory-vendor-37.3.6.tgz",
@@ -7601,6 +8619,14 @@
         }
       }
     },
+    "node_modules/watch": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/watch/-/watch-0.11.0.tgz",
+      "integrity": "sha512-kfWV9VP0kzdOQzouKDEXdWFssokWv7Mat7cnB4ixI3SjJN2UW3RK4x6yrRF+Zq9kc3mfHvKjAvLnyENGTxE9BA==",
+      "engines": [
+        "node >=0.1.95"
+      ]
+    },
     "node_modules/webgl-constants": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/webgl-constants/-/webgl-constants-1.1.1.tgz",
@@ -7725,6 +8751,32 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "license": "ISC"
+    },
+    "node_modules/ws": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-0.5.0.tgz",
+      "integrity": "sha512-ewMTtzuS3WRFwMw6k+yvOHzl3JRjN5yZzwAkq3TYOViPYMrVjHzmyj6ni+ihNcgoFhxI2f33RvshqqOU3qdxgw==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "nan": "1.4.x",
+        "options": ">=0.0.5",
+        "ultron": "1.0.x"
+      }
+    },
+    "node_modules/xmlhttprequest": {
+      "version": "1.5.0",
+      "resolved": "https://github.com/LearnBoost/node-XMLHttpRequest/archive/0f36d0b5ebc03d85f860d42a64ae9791e1daa433.tar.gz",
+      "integrity": "sha512-TVSZwoeUQ7OKhb8jnQdSxGFz+lm4MGWmhG0deeYg85VQT74x5LcSrKeXHE0ZIzEycgqQ5mF8r8e1AykA7TpNAQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/yallist": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
diff --git a/RestroHub-FrontEnd/src/components/admin/AdminSkeleton.jsx b/RestroHub-FrontEnd/src/components/admin/AdminSkeleton.jsx
new file mode 100644
index 0000000..5ae9054
--- /dev/null
+++ b/RestroHub-FrontEnd/src/components/admin/AdminSkeleton.jsx
@@ -0,0 +1,282 @@
+import { RefreshCw } from 'lucide-react';
+
+const AdminSkeleton = ({ variant = 'order' }) => {
+  switch (variant) {
+
+    // ============================================
+    // ORDER SKELETON
+    // ============================================
+    case 'order':
+      return (
+        <div className="flex items-center justify-between p-4 bg-gray-50 rounded-xl animate-pulse">
+          <div className="flex items-center gap-4">
+            <div className="w-12 h-12 bg-gray-200 rounded-xl" />
+
+            <div>
+              <div className="w-32 h-4 bg-gray-200 rounded mb-2" />
+              <div className="w-48 h-3 bg-gray-200 rounded" />
+            </div>
+          </div>
+
+          <div className="w-16 h-5 bg-gray-200 rounded" />
+        </div>
+      );
+
+    // ============================================
+    // STATS CARD SKELETON
+    // ============================================
+    case 'stats':
+      return (
+        <div className="bg-white rounded-2xl p-6 shadow-sm border border-gray-100 animate-pulse">
+          <div className="flex items-center justify-between mb-4">
+            <div className="w-12 h-12 rounded-xl bg-gray-200" />
+            <div className="w-16 h-5 rounded bg-gray-200" />
+          </div>
+
+          <div className="w-24 h-4 rounded bg-gray-200 mb-2" />
+          <div className="w-32 h-7 rounded bg-gray-200" />
+        </div>
+      );
+
+    // ============================================
+    // CHART SKELETON
+    // ============================================
+    case 'chart':
+      return (
+        <div className="w-full h-full bg-gray-100 rounded-xl animate-pulse flex items-center justify-center">
+          <RefreshCw className="w-8 h-8 text-gray-300 animate-spin" />
+        </div>
+      );
+      
+      case 'category':
+  return (
+    <div className="space-y-2">
+      {[1, 2, 3, 4].map(i => (
+        <div
+          key={i}
+          className="h-12 bg-gray-100 rounded-xl animate-pulse"
+        />
+      ))}
+    </div>
+  );
+
+  case 'food-card':
+  return (
+    <div
+      className="
+        bg-white rounded-2xl shadow-sm border border-gray-100 animate-pulse
+        p-4
+        sm:flex sm:gap-4 sm:p-4
+        lg:flex-col lg:p-5
+      "
+    >
+      <div
+        className="
+          bg-gray-100 rounded-xl
+          w-full h-36 mb-3
+          sm:w-32 sm:h-32 sm:min-w-[8rem] sm:mb-0
+          lg:w-full lg:h-36 lg:mb-4
+        "
+      />
+
+      <div className="flex-1">
+        <div className="w-32 h-5 bg-gray-100 rounded mb-2" />
+        <div className="w-20 h-6 bg-gray-100 rounded mb-3 sm:mb-2 lg:mb-4" />
+
+        <div className="flex justify-between mb-3 sm:mb-2 lg:mb-4">
+          <div className="w-24 h-4 bg-gray-100 rounded" />
+          <div className="w-16 h-5 bg-gray-100 rounded-full" />
+        </div>
+
+        <div className="flex gap-2">
+          <div className="flex-1 h-9 sm:h-8 lg:h-9 bg-gray-100 rounded-xl" />
+          <div className="flex-1 h-9 sm:h-8 lg:h-9 bg-gray-100 rounded-xl" />
+          <div className="w-9 sm:w-8 lg:w-9 h-9 sm:h-8 lg:h-9 bg-gray-100 rounded-xl" />
+        </div>
+      </div>
+    </div>
+  );
+
+  case 'menu-card':
+  return (
+    <div className="bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden animate-pulse">
+      <div className="h-2 bg-gray-100" />
+
+      <div className="p-6">
+        <div className="flex items-start justify-between mb-4">
+          <div className="flex items-center gap-3">
+            <div className="w-12 h-12 bg-gray-100 rounded-2xl" />
+
+            <div>
+              <div className="w-40 h-5 bg-gray-100 rounded-lg mb-2" />
+              <div className="w-28 h-4 bg-gray-100 rounded-lg" />
+            </div>
+          </div>
+
+          <div className="w-20 h-7 bg-gray-100 rounded-full" />
+        </div>
+
+        <div className="w-full h-4 bg-gray-100 rounded mb-2" />
+        <div className="w-2/3 h-4 bg-gray-100 rounded mb-5" />
+
+        <div className="flex gap-2 mb-5">
+          <div className="w-20 h-7 bg-gray-100 rounded-full" />
+          <div className="w-24 h-7 bg-gray-100 rounded-full" />
+          <div className="w-16 h-7 bg-gray-100 rounded-full" />
+        </div>
+
+        <div className="flex gap-2 pt-4 border-t border-gray-100">
+          <div className="flex-1 h-10 bg-gray-100 rounded-xl" />
+          <div className="flex-1 h-10 bg-gray-100 rounded-xl" />
+          <div className="w-10 h-10 bg-gray-100 rounded-xl" />
+        </div>
+      </div>
+    </div>
+  );
+
+  case 'order-card':
+  return (
+    <div className="bg-white rounded-2xl p-5 shadow-sm border border-gray-100 animate-pulse">
+      <div className="flex items-start justify-between mb-4">
+        <div className="flex items-center gap-3">
+          <div className="w-12 h-12 bg-gray-100 rounded-xl" />
+
+          <div>
+            <div className="w-28 h-5 bg-gray-100 rounded mb-1" />
+            <div className="w-20 h-3 bg-gray-100 rounded" />
+          </div>
+        </div>
+
+        <div className="w-8 h-8 bg-gray-100 rounded-lg" />
+      </div>
+
+      <div className="p-3 bg-gray-50 rounded-xl mb-4">
+        <div className="flex items-center gap-3">
+          <div className="w-8 h-8 bg-gray-100 rounded-full" />
+
+          <div>
+            <div className="w-24 h-4 bg-gray-100 rounded mb-1" />
+            <div className="w-20 h-3 bg-gray-100 rounded" />
+          </div>
+        </div>
+      </div>
+
+      <div className="space-y-2 mb-4">
+        <div className="flex justify-between">
+          <div className="w-32 h-4 bg-gray-100 rounded" />
+          <div className="w-12 h-4 bg-gray-100 rounded" />
+        </div>
+
+        <div className="flex justify-between">
+          <div className="w-24 h-4 bg-gray-100 rounded" />
+          <div className="w-12 h-4 bg-gray-100 rounded" />
+        </div>
+
+        <div className="flex justify-between pt-2 border-t">
+          <div className="w-16 h-5 bg-gray-100 rounded" />
+          <div className="w-16 h-6 bg-gray-100 rounded" />
+        </div>
+      </div>
+
+      <div className="w-full h-10 bg-gray-100 rounded-xl" />
+    </div>
+  );
+
+  case 'branch':
+  return (
+    <div className="overflow-hidden rounded-2xl border border-gray-200 bg-white">
+      {/* Header skeleton */}
+      <div className="border-b border-gray-100 px-4 py-4 sm:px-6 sm:py-5 animate-pulse">
+        <div className="flex items-start gap-3">
+          <div className="h-10 w-10 shrink-0 rounded-xl bg-gray-100 sm:h-12 sm:w-12" />
+
+          <div className="flex-1">
+            <div className="h-5 w-32 rounded bg-gray-100 mb-2" />
+            <div className="h-4 w-16 rounded-full bg-gray-100" />
+          </div>
+        </div>
+      </div>
+
+      {/* Body skeleton */}
+      <div className="px-4 py-4 sm:px-6 sm:py-5 animate-pulse">
+        <div className="space-y-3">
+          {[1, 2, 3, 4].map((i) => (
+            <div key={i} className="flex items-center gap-3">
+              <div className="h-4 w-4 rounded bg-gray-100" />
+              <div className="h-4 w-44 rounded bg-gray-100" />
+            </div>
+          ))}
+        </div>
+      </div>
+
+      {/* Footer skeleton */}
+      <div className="border-t border-gray-100 px-4 py-3 sm:px-6 sm:py-4 animate-pulse">
+        <div className="flex items-center gap-2">
+          <div className="h-10 flex-1 rounded-lg bg-gray-100" />
+          <div className="h-10 w-10 rounded-lg bg-gray-100" />
+          <div className="h-10 w-10 rounded-lg bg-gray-100" />
+        </div>
+      </div>
+    </div>
+  );
+
+  case 'table':
+    return (
+      <div className="overflow-hidden rounded-2xl border-2 border-gray-200 bg-white animate-pulse">
+        <div className="px-4 py-5 text-center">
+          <div className="mx-auto mb-2 h-14 w-14 rounded-xl bg-gray-100" />
+          <div className="mx-auto mb-1 h-4 w-14 rounded bg-gray-100" />
+          <div className="mx-auto mb-2 h-3 w-12 rounded bg-gray-100" />
+          <div className="mx-auto h-5 w-16 rounded-full bg-gray-100" />
+        </div>
+
+        <div className="flex justify-center gap-2 border-t border-gray-100 px-3 py-3">
+          <div className="h-8 w-8 rounded-lg bg-gray-100" />
+          <div className="h-8 w-8 rounded-lg bg-gray-100" />
+          <div className="h-8 w-8 rounded-lg bg-gray-100" />
+        </div>
+      </div>
+    );
+
+  case 'upi':
+    return (
+      <div className="overflow-hidden rounded-2xl border border-gray-200 bg-white animate-pulse">
+        {/* Header */}
+        <div className="border-b border-gray-100 px-4 py-4 sm:px-6 sm:py-5">
+          <div className="flex items-start gap-3">
+            <div className="h-10 w-10 shrink-0 rounded-xl bg-gray-100 sm:h-12 sm:w-12" />
+
+            <div className="flex-1">
+              <div className="mb-2 h-5 w-32 rounded bg-gray-100" />
+              <div className="h-4 w-40 rounded bg-gray-100" />
+            </div>
+
+            <div className="h-9 w-9 rounded-lg bg-gray-100" />
+          </div>
+        </div>
+
+        {/* Body */}
+        <div className="px-4 py-4 sm:px-6 sm:py-5">
+          <div className="grid grid-cols-2 gap-3">
+            <div className="h-20 rounded-xl bg-gray-100" />
+            <div className="h-20 rounded-xl bg-gray-100" />
+          </div>
+        </div>
+
+        {/* Footer */}
+        <div className="border-t border-gray-100 px-4 py-3 sm:px-6 sm:py-4">
+          <div className="flex gap-2">
+            <div className="h-10 flex-1 rounded-lg bg-gray-100" />
+            <div className="h-10 flex-1 rounded-lg bg-gray-100" />
+            <div className="h-10 w-10 rounded-lg bg-gray-100" />
+          </div>
+        </div>
+      </div>
+    );
+
+    default:
+      return null;
+  }
+};
+
+export default AdminSkeleton;
\ No newline at end of file
diff --git a/RestroHub-FrontEnd/src/components/admin/dashboard/cards/LiveOrders.jsx b/RestroHub-FrontEnd/src/components/admin/dashboard/cards/LiveOrders.jsx
index 1453264..4094a00 100644
--- a/RestroHub-FrontEnd/src/components/admin/dashboard/cards/LiveOrders.jsx
+++ b/RestroHub-FrontEnd/src/components/admin/dashboard/cards/LiveOrders.jsx
@@ -7,6 +7,7 @@ import {
   AlertCircle
 } from 'lucide-react';
 import api from "@services/common/api";
+import AdminSkeleton from '../../AdminSkeleton';
 import { useAdminTheme } from '@context/AdminThemeContext';
 
 // ============================================
@@ -54,25 +55,6 @@ const OrderCard = ({ order }) => {
   );
 };
 
-// ============================================
-// SKELETON (Private to this file)
-// ============================================
-const OrderSkeleton = () => {
-  const { isDark } = useAdminTheme();
-  return (
-    <div className={`flex items-center justify-between p-4 rounded-xl animate-pulse ${isDark ? 'bg-gray-700/50' : 'bg-gray-50'}`}>
-      <div className="flex items-center gap-4">
-        <div className={`w-12 h-12 rounded-xl ${isDark ? 'bg-gray-700' : 'bg-gray-200'}`} />
-        <div>
-          <div className={`w-32 h-4 rounded mb-2 ${isDark ? 'bg-gray-700' : 'bg-gray-200'}`} />
-          <div className={`w-48 h-3 rounded ${isDark ? 'bg-gray-700' : 'bg-gray-200'}`} />
-        </div>
-      </div>
-      <div className={`w-16 h-5 rounded ${isDark ? 'bg-gray-700' : 'bg-gray-200'}`} />
-    </div>
-  );
-};
-
 // ============================================
 // MAIN COMPONENT (Exported)
 // ============================================
@@ -158,8 +140,10 @@ const LiveOrders = () => {
       {/* Content */}
       <div className="space-y-4">
         {loading ? (
-          [1, 2, 3, 4].map(i => <OrderSkeleton key={i} />)
-        ) : error && orders.length === 0 ? (
+          [1, 2, 3, 4].map(i => (
+          <AdminSkeleton key={i} variant="order" />))
+          ) : error && orders.length === 0 ? (
+          // Error State
           <div className="text-center py-8">
             <AlertCircle className="w-12 h-12 text-red-300 mx-auto mb-3" />
             <p className="text-red-500 mb-2">{error}</p>
diff --git a/RestroHub-FrontEnd/src/components/admin/dashboard/cards/RevenueChart.jsx b/RestroHub-FrontEnd/src/components/admin/dashboard/cards/RevenueChart.jsx
index 29ff0b6..e620c7d 100644
--- a/RestroHub-FrontEnd/src/components/admin/dashboard/cards/RevenueChart.jsx
+++ b/RestroHub-FrontEnd/src/components/admin/dashboard/cards/RevenueChart.jsx
@@ -10,6 +10,7 @@ import {
   ResponsiveContainer
 } from 'recharts';
 import api from "@services/common/api";
+import AdminSkeleton from '../../AdminSkeleton';
 import { useAdminTheme } from '@context/AdminThemeContext';
 
 // ============================================
@@ -83,9 +84,8 @@ const RevenueChart = () => {
       {/* Chart */}
       <div className="h-64">
         {loading ? (
-          <div className={`w-full h-full rounded-xl animate-pulse flex items-center justify-center ${isDark ? 'bg-gray-700' : 'bg-gray-100'}`}>
-            <RefreshCw className={`w-8 h-8 animate-spin ${isDark ? 'text-gray-600' : 'text-gray-300'}`} />
-          </div>
+          // Skeleton
+          <AdminSkeleton variant="chart" />
         ) : error && data.length === 0 ? (
           <div className="w-full h-full flex flex-col items-center justify-center">
             <AlertCircle className="w-10 h-10 text-red-300 mb-2" />
diff --git a/RestroHub-FrontEnd/src/components/admin/dashboard/cards/StatsSection.jsx b/RestroHub-FrontEnd/src/components/admin/dashboard/cards/StatsSection.jsx
index 02b1f13..fb78faa 100644
--- a/RestroHub-FrontEnd/src/components/admin/dashboard/cards/StatsSection.jsx
+++ b/RestroHub-FrontEnd/src/components/admin/dashboard/cards/StatsSection.jsx
@@ -8,6 +8,7 @@ import {
   TrendingDown
 } from 'lucide-react';
 import api from "@services/common/api";
+import AdminSkeleton from '../../AdminSkeleton';
 import { useAdminTheme } from '@context/AdminThemeContext';
 
 // ============================================
@@ -181,7 +182,7 @@ const StatsSection = () => {
     return (
       <div className="grid grid-cols-1 gap-5 sm:grid-cols-2 xl:grid-cols-4">
         {[1, 2, 3, 4].map(i => (
-          <StatCardSkeleton key={i} />
+           <AdminSkeleton key={i} variant="stats" />
         ))}
       </div>
     );
diff --git a/RestroHub-FrontEnd/src/components/admin/menu/menuCard/CategorySidebar.jsx b/RestroHub-FrontEnd/src/components/admin/menu/menuCard/CategorySidebar.jsx
index 29fdfc1..772daf4 100644
--- a/RestroHub-FrontEnd/src/components/admin/menu/menuCard/CategorySidebar.jsx
+++ b/RestroHub-FrontEnd/src/components/admin/menu/menuCard/CategorySidebar.jsx
@@ -1,17 +1,7 @@
 import { useState, useEffect } from 'react';
 import { ChevronRight, RefreshCw, FolderPlus } from 'lucide-react';
 import api from "@services/common/api";
-
-// ============================================
-// SKELETON (Private)
-// ============================================
-const CategorySkeleton = () => (
-  <div className="space-y-2">
-    {[1, 2, 3, 4].map(i => (
-      <div key={i} className="h-12 bg-gray-100 rounded-xl animate-pulse" />
-    ))}
-  </div>
-);
+import AdminSkeleton from '../../AdminSkeleton';
 
 // ============================================
 // MAIN COMPONENT
@@ -78,7 +68,7 @@ const CategorySidebar = ({ selectedCategory, onCategoryChange, onAddCategory, se
 
         {/* Categories List */}
         {loading ? (
-          <CategorySkeleton />
+          <AdminSkeleton variant="category" />
         ) : (
           <div className="space-y-2">
             {categories.map((cat) => (
diff --git a/RestroHub-FrontEnd/src/components/admin/menu/menuCard/FoodItemsGrid.jsx b/RestroHub-FrontEnd/src/components/admin/menu/menuCard/FoodItemsGrid.jsx
index 8e57f14..9001f79 100644
--- a/RestroHub-FrontEnd/src/components/admin/menu/menuCard/FoodItemsGrid.jsx
+++ b/RestroHub-FrontEnd/src/components/admin/menu/menuCard/FoodItemsGrid.jsx
@@ -2,60 +2,7 @@ import { useState, useEffect, forwardRef, useImperativeHandle } from 'react';
 import { Search, RefreshCw, AlertCircle, UtensilsCrossed } from 'lucide-react';
 import MenuItemCard from './FoodItemCard';
 import api from "@services/common/api";
-
-
-// ============================================
-// SKELETON - Responsive
-// ============================================
-const CardSkeleton = () => (
-  <div
-    className="
-      bg-white rounded-2xl shadow-sm border border-gray-100 animate-pulse
-
-      /* MOBILE: vertical */
-      p-4
-
-      /* TABLET: horizontal */
-      sm:flex sm:gap-4 sm:p-4
-
-      /* DESKTOP: vertical again */
-      lg:flex-col lg:p-5
-    "
-  >
-    {/* Image Skeleton */}
-    <div
-      className="
-        bg-gray-100 rounded-xl
-
-        /* MOBILE */
-        w-full h-36 mb-3
-
-        /* TABLET */
-        sm:w-32 sm:h-32 sm:min-w-[8rem] sm:mb-0
-
-        /* DESKTOP */
-        lg:w-full lg:h-36 lg:mb-4
-      "
-    />
-
-    {/* Content Skeleton */}
-    <div className="flex-1">
-      <div className="w-32 h-5 bg-gray-100 rounded mb-2" />
-      <div className="w-20 h-6 bg-gray-100 rounded mb-3 sm:mb-2 lg:mb-4" />
-
-      <div className="flex justify-between mb-3 sm:mb-2 lg:mb-4">
-        <div className="w-24 h-4 bg-gray-100 rounded" />
-        <div className="w-16 h-5 bg-gray-100 rounded-full" />
-      </div>
-
-      <div className="flex gap-2">
-        <div className="flex-1 h-9 sm:h-8 lg:h-9 bg-gray-100 rounded-xl" />
-        <div className="flex-1 h-9 sm:h-8 lg:h-9 bg-gray-100 rounded-xl" />
-        <div className="w-9 sm:w-8 lg:w-9 h-9 sm:h-8 lg:h-9 bg-gray-100 rounded-xl" />
-      </div>
-    </div>
-  </div>
-);
+import AdminSkeleton from '../../AdminSkeleton';
 
 // ============================================
 // MAIN COMPONENT
@@ -211,7 +158,7 @@ const MenuItemsGrid = forwardRef(({ selectedCategory, onEditItem }, ref) => {
           "
         >
           {[1, 2, 3, 4, 5, 6].map(i => (
-            <CardSkeleton key={i} />
+           <AdminSkeleton key={i} variant="food-card" />
           ))}
         </div>
 
diff --git a/RestroHub-FrontEnd/src/components/admin/menu/menuCard/MenusGrid.jsx b/RestroHub-FrontEnd/src/components/admin/menu/menuCard/MenusGrid.jsx
index f5e726c..1851690 100644
--- a/RestroHub-FrontEnd/src/components/admin/menu/menuCard/MenusGrid.jsx
+++ b/RestroHub-FrontEnd/src/components/admin/menu/menuCard/MenusGrid.jsx
@@ -33,6 +33,7 @@ import {
 } from 'lucide-react';
 import { Dialog } from '@headlessui/react';
 import api from "@services/common/api";
+import AdminSkeleton from '../../AdminSkeleton';
 
 // ============================================
 // CONSTANTS
@@ -63,39 +64,6 @@ const categoryStyleSets = [
 
 const getCategoryStyle = (index) => categoryStyleSets[index % categoryStyleSets.length];
 
-// ============================================
-// SKELETON
-// ============================================
-const MenuCardSkeleton = () => (
-  <div className="bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden animate-pulse">
-    <div className="h-2 bg-gray-100" />
-    <div className="p-6">
-      <div className="flex items-start justify-between mb-4">
-        <div className="flex items-center gap-3">
-          <div className="w-12 h-12 bg-gray-100 rounded-2xl" />
-          <div>
-            <div className="w-40 h-5 bg-gray-100 rounded-lg mb-2" />
-            <div className="w-28 h-4 bg-gray-100 rounded-lg" />
-          </div>
-        </div>
-        <div className="w-20 h-7 bg-gray-100 rounded-full" />
-      </div>
-      <div className="w-full h-4 bg-gray-100 rounded mb-2" />
-      <div className="w-2/3 h-4 bg-gray-100 rounded mb-5" />
-      <div className="flex gap-2 mb-5">
-        <div className="w-20 h-7 bg-gray-100 rounded-full" />
-        <div className="w-24 h-7 bg-gray-100 rounded-full" />
-        <div className="w-16 h-7 bg-gray-100 rounded-full" />
-      </div>
-      <div className="flex gap-2 pt-4 border-t border-gray-100">
-        <div className="flex-1 h-10 bg-gray-100 rounded-xl" />
-        <div className="flex-1 h-10 bg-gray-100 rounded-xl" />
-        <div className="w-10 h-10 bg-gray-100 rounded-xl" />
-      </div>
-    </div>
-  </div>
-);
-
 // ============================================
 // VEG / NON-VEG INDICATOR
 // ============================================
@@ -1129,7 +1097,7 @@ const MenusGrid = forwardRef(({ onEditMenu, onCreateMenu }, ref) => {
       {/* Content */}
       {loading ? (
         <div className="grid gap-5 grid-cols-1 lg:grid-cols-2 xl:grid-cols-3">
-          {[1, 2, 3, 4, 5, 6].map((i) => <MenuCardSkeleton key={i} />)}
+          {[1, 2, 3, 4, 5, 6].map((i) => <AdminSkeleton key={i} variant="menu-card" />)}
         </div>
       ) : error && menus.length === 0 ? (
         <div className="bg-white rounded-2xl border border-gray-100 text-center p-8 sm:p-12 shadow-sm">
diff --git a/RestroHub-FrontEnd/src/components/admin/orders/orderComponents/OrdersGrid.jsx b/RestroHub-FrontEnd/src/components/admin/orders/orderComponents/OrdersGrid.jsx
index cbb7a0e..535d12b 100644
--- a/RestroHub-FrontEnd/src/components/admin/orders/orderComponents/OrdersGrid.jsx
+++ b/RestroHub-FrontEnd/src/components/admin/orders/orderComponents/OrdersGrid.jsx
@@ -2,48 +2,7 @@ import { useState, useEffect } from 'react';
 import { RefreshCw, AlertCircle, ClipboardList } from 'lucide-react';
 import OrderCard from './OrderCard';
 import api from "@services/common/api";
-
-// ============================================
-// SKELETON (Private)
-// ============================================
-const OrderCardSkeleton = () => (
-  <div className="bg-white rounded-2xl p-5 shadow-sm border border-gray-100 animate-pulse">
-    <div className="flex items-start justify-between mb-4">
-      <div className="flex items-center gap-3">
-        <div className="w-12 h-12 bg-gray-100 rounded-xl" />
-        <div>
-          <div className="w-28 h-5 bg-gray-100 rounded mb-1" />
-          <div className="w-20 h-3 bg-gray-100 rounded" />
-        </div>
-      </div>
-      <div className="w-8 h-8 bg-gray-100 rounded-lg" />
-    </div>
-    <div className="p-3 bg-gray-50 rounded-xl mb-4">
-      <div className="flex items-center gap-3">
-        <div className="w-8 h-8 bg-gray-100 rounded-full" />
-        <div>
-          <div className="w-24 h-4 bg-gray-100 rounded mb-1" />
-          <div className="w-20 h-3 bg-gray-100 rounded" />
-        </div>
-      </div>
-    </div>
-    <div className="space-y-2 mb-4">
-      <div className="flex justify-between">
-        <div className="w-32 h-4 bg-gray-100 rounded" />
-        <div className="w-12 h-4 bg-gray-100 rounded" />
-      </div>
-      <div className="flex justify-between">
-        <div className="w-24 h-4 bg-gray-100 rounded" />
-        <div className="w-12 h-4 bg-gray-100 rounded" />
-      </div>
-      <div className="flex justify-between pt-2 border-t">
-        <div className="w-16 h-5 bg-gray-100 rounded" />
-        <div className="w-16 h-6 bg-gray-100 rounded" />
-      </div>
-    </div>
-    <div className="w-full h-10 bg-gray-100 rounded-xl" />
-  </div>
-);
+import AdminSkeleton from '../../AdminSkeleton';
 
 // ============================================
 // MAIN COMPONENT
@@ -179,7 +138,7 @@ const OrdersGrid = ({ activeFilter, searchQuery, onOrdersChange }) => {
     return (
       <div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4">
         {[1, 2, 3, 4, 5, 6].map((i) => (
-          <OrderCardSkeleton key={i} />
+          <AdminSkeleton key={i} variant="order-card" />
         ))}
       </div>
     );
diff --git a/RestroHub-FrontEnd/src/components/admin/store/branch/BranchesGrid.jsx b/RestroHub-FrontEnd/src/components/admin/store/branch/BranchesGrid.jsx
index 80658df..bbca04b 100644
--- a/RestroHub-FrontEnd/src/components/admin/store/branch/BranchesGrid.jsx
+++ b/RestroHub-FrontEnd/src/components/admin/store/branch/BranchesGrid.jsx
@@ -2,43 +2,7 @@ import { useState, useEffect, forwardRef, useImperativeHandle } from 'react';
 import { RefreshCw, AlertCircle, Building2 } from 'lucide-react';
 import api from '@services/common/api';
 import BranchCard from './BranchCard';
-
-// ============================================
-// SKELETON
-// ============================================
-const BranchSkeleton = () => (
-  <div className="overflow-hidden rounded-2xl border border-gray-200 bg-white">
-    {/* Header skeleton */}
-    <div className="border-b border-gray-100 px-4 py-4 sm:px-6 sm:py-5 animate-pulse">
-      <div className="flex items-start gap-3">
-        <div className="h-10 w-10 shrink-0 rounded-xl bg-gray-100 sm:h-12 sm:w-12" />
-        <div className="flex-1">
-          <div className="h-5 w-32 rounded bg-gray-100 mb-2" />
-          <div className="h-4 w-16 rounded-full bg-gray-100" />
-        </div>
-      </div>
-    </div>
-    {/* Body skeleton */}
-    <div className="px-4 py-4 sm:px-6 sm:py-5 animate-pulse">
-      <div className="space-y-3">
-        {[1, 2, 3, 4].map((i) => (
-          <div key={i} className="flex items-center gap-3">
-            <div className="h-4 w-4 rounded bg-gray-100" />
-            <div className="h-4 w-44 rounded bg-gray-100" />
-          </div>
-        ))}
-      </div>
-    </div>
-    {/* Footer skeleton */}
-    <div className="border-t border-gray-100 px-4 py-3 sm:px-6 sm:py-4 animate-pulse">
-      <div className="flex items-center gap-2">
-        <div className="h-10 flex-1 rounded-lg bg-gray-100" />
-        <div className="h-10 w-10 rounded-lg bg-gray-100" />
-        <div className="h-10 w-10 rounded-lg bg-gray-100" />
-      </div>
-    </div>
-  </div>
-);
+import AdminSkeleton from '../../AdminSkeleton';
 
 // ============================================
 // MAIN
@@ -116,7 +80,7 @@ const BranchesGrid = forwardRef(({ onEdit, onCountChange, restaurantId }, ref) =
   if (loading) {
     return (
       <div className="grid grid-cols-1 gap-4 sm:gap-6 md:grid-cols-2 xl:grid-cols-3">
-        {[1, 2, 3].map((i) => <BranchSkeleton key={i} />)}
+        {[1, 2, 3].map((i) => <AdminSkeleton key={i} variant="branch" />)}
       </div>
     );
   }
diff --git a/RestroHub-FrontEnd/src/components/admin/store/tables/TablesGrid.jsx b/RestroHub-FrontEnd/src/components/admin/store/tables/TablesGrid.jsx
index 4d6f151..68cc549 100644
--- a/RestroHub-FrontEnd/src/components/admin/store/tables/TablesGrid.jsx
+++ b/RestroHub-FrontEnd/src/components/admin/store/tables/TablesGrid.jsx
@@ -1,23 +1,7 @@
 import { useState, useEffect } from 'react';
 import { RefreshCw, AlertCircle, LayoutGrid } from 'lucide-react';
 import TableCard from './TableCard';
-
-// Skeleton
-const TableSkeleton = () => (
-  <div className="overflow-hidden rounded-2xl border-2 border-gray-200 bg-white animate-pulse">
-    <div className="px-4 py-5 text-center">
-      <div className="mx-auto mb-2 h-14 w-14 rounded-xl bg-gray-100" />
-      <div className="mx-auto mb-1 h-4 w-14 rounded bg-gray-100" />
-      <div className="mx-auto mb-2 h-3 w-12 rounded bg-gray-100" />
-      <div className="mx-auto h-5 w-16 rounded-full bg-gray-100" />
-    </div>
-    <div className="flex justify-center gap-2 border-t border-gray-100 px-3 py-3">
-      <div className="h-8 w-8 rounded-lg bg-gray-100" />
-      <div className="h-8 w-8 rounded-lg bg-gray-100" />
-      <div className="h-8 w-8 rounded-lg bg-gray-100" />
-    </div>
-  </div>
-);
+import AdminSkeleton from '../../AdminSkeleton';
 
 const TablesGrid = ({ branchId, onShowQR, onTablesLoaded }) => {
   const [tables, setTables] = useState([]);
@@ -63,7 +47,7 @@ const TablesGrid = ({ branchId, onShowQR, onTablesLoaded }) => {
   if (loading) {
     return (
       <div className="grid grid-cols-2 gap-3 sm:grid-cols-3 sm:gap-4 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6">
-        {[1, 2, 3, 4, 5, 6, 7, 8].map((i) => <TableSkeleton key={i} />)}
+        {[1, 2, 3, 4, 5, 6, 7, 8].map((i) => <AdminSkeleton key={i} variant="table" />)}
       </div>
     );
   }
diff --git a/RestroHub-FrontEnd/src/components/admin/upi/UPIGrid.jsx b/RestroHub-FrontEnd/src/components/admin/upi/UPIGrid.jsx
index dcb391e..5aa815c 100644
--- a/RestroHub-FrontEnd/src/components/admin/upi/UPIGrid.jsx
+++ b/RestroHub-FrontEnd/src/components/admin/upi/UPIGrid.jsx
@@ -1,40 +1,7 @@
 import { useState, useEffect } from 'react';
 import { RefreshCw, AlertCircle, CreditCard } from 'lucide-react';
 import UPICard from './UPICard';
-
-// ============================================
-// SKELETON
-// ============================================
-const UPISkeleton = () => (
-  <div className="overflow-hidden rounded-2xl border border-gray-200 bg-white animate-pulse">
-    {/* Header */}
-    <div className="border-b border-gray-100 px-4 py-4 sm:px-6 sm:py-5">
-      <div className="flex items-start gap-3">
-        <div className="h-10 w-10 shrink-0 rounded-xl bg-gray-100 sm:h-12 sm:w-12" />
-        <div className="flex-1">
-          <div className="mb-2 h-5 w-32 rounded bg-gray-100" />
-          <div className="h-4 w-40 rounded bg-gray-100" />
-        </div>
-        <div className="h-9 w-9 rounded-lg bg-gray-100" />
-      </div>
-    </div>
-    {/* Body */}
-    <div className="px-4 py-4 sm:px-6 sm:py-5">
-      <div className="grid grid-cols-2 gap-3">
-        <div className="h-20 rounded-xl bg-gray-100" />
-        <div className="h-20 rounded-xl bg-gray-100" />
-      </div>
-    </div>
-    {/* Footer */}
-    <div className="border-t border-gray-100 px-4 py-3 sm:px-6 sm:py-4">
-      <div className="flex gap-2">
-        <div className="h-10 flex-1 rounded-lg bg-gray-100" />
-        <div className="h-10 flex-1 rounded-lg bg-gray-100" />
-        <div className="h-10 w-10 rounded-lg bg-gray-100" />
-      </div>
-    </div>
-  </div>
-);
+import AdminSkeleton from '../AdminSkeleton';
 
 // ============================================
 // MAIN
@@ -107,7 +74,7 @@ const UPIGrid = ({ onTest, onCountChange }) => {
     return (
       <div className="grid grid-cols-1 gap-4 sm:gap-6 md:grid-cols-2">
         {[1, 2].map((i) => (
-          <UPISkeleton key={i} />
+          <AdminSkeleton key={i} variant="upi" />
         ))}
       </div>
     );