Index: ReserveNGo-frontend/package-lock.json
===================================================================
--- ReserveNGo-frontend/package-lock.json	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/package-lock.json	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -105,4 +105,5 @@
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
@@ -657,4 +658,5 @@
       ],
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=18"
@@ -680,4 +682,5 @@
       ],
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=18"
@@ -1402,5 +1405,4 @@
       "integrity": "sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.5",
@@ -1436,5 +1438,4 @@
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@nodelib/fs.stat": "2.0.5",
@@ -1451,5 +1452,4 @@
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">= 8"
@@ -1462,5 +1462,4 @@
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@nodelib/fs.scandir": "2.1.5",
@@ -2132,5 +2131,4 @@
       "integrity": "sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/estree": "*",
@@ -2143,5 +2141,4 @@
       "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/eslint": "*",
@@ -2166,5 +2163,4 @@
       "integrity": "sha512-v1DKRfUdyW+jJhZNEI1PYy29S2YRxMV5AOO/x/SjKmW0acCIOqmbj6Haf9eHAhsPmrhlHSxEhv/1WszcLWV4cg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "undici-types": "~6.21.0"
@@ -2177,5 +2173,4 @@
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@typescript-eslint/types": "8.21.0",
@@ -2196,5 +2191,4 @@
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -2211,5 +2205,4 @@
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@typescript-eslint/types": "8.21.0",
@@ -2264,5 +2257,4 @@
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@typescript-eslint/types": "8.21.0",
@@ -2283,5 +2275,4 @@
       "dev": true,
       "license": "Apache-2.0",
-      "peer": true,
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -2714,5 +2705,4 @@
       "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@webassemblyjs/helper-numbers": "1.13.2",
@@ -2724,6 +2714,5 @@
       "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz",
       "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/@webassemblyjs/helper-api-error": {
@@ -2731,6 +2720,5 @@
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz",
       "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/@webassemblyjs/helper-buffer": {
@@ -2738,6 +2726,5 @@
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz",
       "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/@webassemblyjs/helper-numbers": {
@@ -2746,5 +2733,4 @@
       "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@webassemblyjs/floating-point-hex-parser": "1.13.2",
@@ -2757,6 +2743,5 @@
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz",
       "integrity": "sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/@webassemblyjs/helper-wasm-section": {
@@ -2765,5 +2750,4 @@
       "integrity": "sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
@@ -2778,5 +2762,4 @@
       "integrity": "sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@xtuc/ieee754": "^1.2.0"
@@ -2788,5 +2771,4 @@
       "integrity": "sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==",
       "license": "Apache-2.0",
-      "peer": true,
       "dependencies": {
         "@xtuc/long": "4.2.2"
@@ -2797,6 +2779,5 @@
       "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.13.2.tgz",
       "integrity": "sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/@webassemblyjs/wasm-edit": {
@@ -2805,5 +2786,4 @@
       "integrity": "sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
@@ -2822,5 +2802,4 @@
       "integrity": "sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
@@ -2836,5 +2815,4 @@
       "integrity": "sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
@@ -2849,5 +2827,4 @@
       "integrity": "sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
@@ -2864,5 +2841,4 @@
       "integrity": "sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
@@ -2874,6 +2850,5 @@
       "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
       "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
-      "license": "BSD-3-Clause",
-      "peer": true
+      "license": "BSD-3-Clause"
     },
     "node_modules/@xtuc/long": {
@@ -2881,6 +2856,5 @@
       "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
       "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
-      "license": "Apache-2.0",
-      "peer": true
+      "license": "Apache-2.0"
     },
     "node_modules/abbrev": {
@@ -2899,4 +2873,5 @@
       "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
       "license": "MIT",
+      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
@@ -2948,5 +2923,4 @@
       "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "ajv": "^8.0.0"
@@ -2966,5 +2940,4 @@
       "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.3",
@@ -2982,6 +2955,5 @@
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
       "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/ansi-regex": {
@@ -3104,4 +3076,5 @@
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "caniuse-lite": "^1.0.30001688",
@@ -3121,6 +3094,5 @@
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
       "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/bundle-name": {
@@ -3244,5 +3216,4 @@
       "integrity": "sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=6.0"
@@ -3563,5 +3534,4 @@
       "integrity": "sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "graceful-fs": "^4.2.4",
@@ -3669,4 +3639,5 @@
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
@@ -3729,4 +3700,5 @@
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "eslint-config-prettier": "build/bin/cli.js"
@@ -3959,5 +3931,4 @@
       "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=0.8.x"
@@ -4020,5 +3991,4 @@
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
@@ -4038,5 +4008,4 @@
       "dev": true,
       "license": "ISC",
-      "peer": true,
       "dependencies": {
         "is-glob": "^4.0.1"
@@ -4074,6 +4043,5 @@
         }
       ],
-      "license": "BSD-3-Clause",
-      "peer": true
+      "license": "BSD-3-Clause"
     },
     "node_modules/fastq": {
@@ -4083,5 +4051,4 @@
       "dev": true,
       "license": "ISC",
-      "peer": true,
       "dependencies": {
         "reusify": "^1.0.4"
@@ -4295,6 +4262,5 @@
       "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
       "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
-      "license": "BSD-2-Clause",
-      "peer": true
+      "license": "BSD-2-Clause"
     },
     "node_modules/globals": {
@@ -4641,5 +4607,4 @@
       "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/node": "*",
@@ -4656,5 +4621,4 @@
       "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "has-flag": "^4.0.0"
@@ -4794,6 +4758,5 @@
       "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
       "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/json-schema-traverse": {
@@ -4873,5 +4836,4 @@
       "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=6.11.5"
@@ -4935,6 +4897,5 @@
       "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
       "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/merge2": {
@@ -4944,5 +4905,4 @@
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">= 8"
@@ -5419,4 +5379,5 @@
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "prettier": "bin/prettier.cjs"
@@ -5494,6 +5455,5 @@
         }
       ],
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/randombytes": {
@@ -5502,5 +5462,4 @@
       "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "safe-buffer": "^5.1.0"
@@ -5525,5 +5484,4 @@
       "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=0.10.0"
@@ -5546,5 +5504,4 @@
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "iojs": ">=1.0.0",
@@ -5565,4 +5522,5 @@
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/estree": "1.0.6"
@@ -5638,5 +5596,4 @@
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "queue-microtask": "^1.2.2"
@@ -5661,6 +5618,5 @@
         }
       ],
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/safer-buffer": {
@@ -5676,4 +5632,5 @@
       "integrity": "sha512-ld+kQU8YTdGNjOLfRWBzewJpU5cwEv/h5yyqlSeJcj6Yh8U4TDA9UA5FPicqDz/xgRPWRSYIQNiFks21TbA9KQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "chokidar": "^4.0.0",
@@ -5746,5 +5703,4 @@
       "integrity": "sha512-Gn/JaSk/Mt9gYubxTtSn/QCV4em9mpAPiR1rqy/Ocu19u/G9J5WWdNoUT4SiV6mFC3y6cxyFcFwdzPM3FgxGAQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/json-schema": "^7.0.9",
@@ -5783,5 +5739,4 @@
       "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.3"
@@ -5795,6 +5750,5 @@
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
       "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/semver": {
@@ -5816,5 +5770,4 @@
       "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==",
       "license": "BSD-3-Clause",
-      "peer": true,
       "dependencies": {
         "randombytes": "^2.1.0"
@@ -5884,5 +5837,4 @@
       "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
       "license": "BSD-3-Clause",
-      "peer": true,
       "engines": {
         "node": ">=0.10.0"
@@ -5903,5 +5855,4 @@
       "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "buffer-from": "^1.0.0",
@@ -6124,5 +6075,4 @@
       "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=6"
@@ -6134,5 +6084,4 @@
       "integrity": "sha512-yEPUmWve+VA78bI71BW70Dh0TuV4HHd+I5SHOAfS1+QBOmvmCiiffgjR8ryyEd3KIfvPGFqoADt8LdQ6XpXIvg==",
       "license": "BSD-2-Clause",
-      "peer": true,
       "dependencies": {
         "@jridgewell/source-map": "^0.3.3",
@@ -6153,5 +6102,4 @@
       "integrity": "sha512-vkZjpUjb6OMS7dhV+tILUW6BhpDR7P2L/aQSAv+Uwk+m8KATX9EccViHTJR2qDtACKPIYndLGCyl3FMo+r2LMw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@jridgewell/trace-mapping": "^0.3.25",
@@ -6187,6 +6135,5 @@
       "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
       "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/tinybench": {
@@ -6309,5 +6256,4 @@
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=18.12"
@@ -6369,6 +6315,5 @@
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
       "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/unicorn-magic": {
@@ -6448,4 +6393,5 @@
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "esbuild": "^0.24.2",
@@ -6638,4 +6584,5 @@
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@vitest/expect": "3.0.3",
@@ -6710,4 +6657,5 @@
       "integrity": "sha512-wmeiSMxkZCSc+PM2w2VRsOYAZC8GdipNFRTsLSfodVqI9mbejKeXEGr8SckuLnrQPGe3oJN5c3K0vpoU9q/wCQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@vue/compiler-dom": "3.5.13",
@@ -6922,5 +6870,4 @@
       "integrity": "sha512-TnbFSbcOCcDgjZ4piURLCbJ3nJhznVh9kw6F6iokjiFPl8ONxe9A6nMDVXDiNbrSfLILs6vB07F7wLBrwPYzJw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "glob-to-regexp": "^0.4.1",
@@ -6946,5 +6893,4 @@
       "integrity": "sha512-lQ3CPiSTpfOnrEGeXDwoq5hIGzSjmwD72GdfVzF7CQAI7t47rJG9eDWvcEkEn3CUQymAElVvDg3YNTlCYj+qUQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/eslint-scope": "^3.7.7",
@@ -6994,5 +6940,4 @@
       "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=10.13.0"
@@ -7004,5 +6949,4 @@
       "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
       "license": "BSD-2-Clause",
-      "peer": true,
       "dependencies": {
         "esrecurse": "^4.3.0",
@@ -7018,5 +6962,4 @@
       "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
       "license": "BSD-2-Clause",
-      "peer": true,
       "engines": {
         "node": ">=4.0"
Index: ReserveNGo-frontend/src/Api_Classes/ApiClient.js
===================================================================
--- ReserveNGo-frontend/src/Api_Classes/ApiClient.js	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/Api_Classes/ApiClient.js	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -1,16 +1,12 @@
-import {config} from '/src/constants/Api_config.js'
+import { config } from '/src/constants/Api_config.js'
 import { HttpClient } from '@/Api_Classes/HttpClient.js'
 
-const BASE_API_URL =  config.API_BASE_URL
+const BASE_API_URL = config.API_BASE_URL
 
 export class ApiClient {
   constructor(baseURL) {
-    this.httpClient = new HttpClient(baseURL);
+    this.httpClient = new HttpClient(baseURL)
   }
-
-
-
 }
 
-export const apiClient = new ApiClient(BASE_API_URL);
-
+export const apiClient = new ApiClient(BASE_API_URL)
Index: ReserveNGo-frontend/src/Api_Classes/HttpClient.js
===================================================================
--- ReserveNGo-frontend/src/Api_Classes/HttpClient.js	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/Api_Classes/HttpClient.js	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -5,9 +5,8 @@
 
   async baseFetch(endpoint, { method = 'GET', headers = {}, body, queryParams } = {}) {
-    if (endpoint === undefined || endpoint === "" || endpoint === null) {
-     endpoint = this.baseURL
-    }
-    else {
-      endpoint = this.baseURL + "/" + endpoint;
+    if (endpoint === undefined || endpoint === '' || endpoint === null) {
+      endpoint = this.baseURL
+    } else {
+      endpoint = this.baseURL + '/' + endpoint
     }
     const url = new URL(endpoint)
@@ -18,5 +17,5 @@
     const finalHeaders = { ...headers }
 
-    //Crutial code, adds the jwt, maybe to be changed later.
+    //Crucial code, adds the jwt, maybe to be changed later.
     const nonParsed = localStorage.getItem('userData')
     if (nonParsed) {
@@ -108,5 +107,5 @@
     return this.json(endpoint, 'PATCH', data, options)
   }
-  delete(endpoint, body= null, options = {}) {
+  delete(endpoint, body = null, options = {}) {
     return this.json(endpoint, 'DELETE', body, options)
   }
Index: ReserveNGo-frontend/src/App.vue
===================================================================
--- ReserveNGo-frontend/src/App.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/App.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -23,11 +23,4 @@
 
 <style>
-html,
-body,
-#app {
-  height: 100%;
-  margin: 0;
-}
-
 .wrapper {
   display: flex;
Index: ReserveNGo-frontend/src/PiniaStores/UserStore.js
===================================================================
--- ReserveNGo-frontend/src/PiniaStores/UserStore.js	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/PiniaStores/UserStore.js	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -1,4 +1,3 @@
 import { defineStore } from 'pinia'
-import { config } from '@/constants/Api_config'
 
 export const userStore = defineStore('userStore', {
Index: ReserveNGo-frontend/src/components/Project/Auth/DisabledAccountPage.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Auth/DisabledAccountPage.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Auth/DisabledAccountPage.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -11,18 +11,15 @@
       type: Boolean,
       required: true,
-    }
+    },
   },
 
   methods: {
-
-    noThankYou(){
+    noThankYou() {
       this.$emit('noThankYou')
     },
-    yesPlease(){
-      this.$emit("yesPlease")
-    }
-  }
-
-
+    yesPlease() {
+      this.$emit('yesPlease')
+    },
+  },
 })
 </script>
@@ -33,22 +30,24 @@
       <h3 class="text-center mb-4">Your account was disabled</h3>
 
-
-      <p>You have disabled your account.
-        <br>
-      In 30 days since you disabled your account the account will be deleted.
-      If you want to enable your account again please click "Yes" and you will be logged in and your account will be enabled again.</p>
+      <p>
+        You have disabled your account.
+        <br />
+        In 30 days since you disabled your account the account will be deleted. If you want to
+        enable your account again please click "Yes" and you will be logged in and your account will
+        be enabled again.
+      </p>
 
       <h4>Are you sure you want to enable your account?</h4>
 
-      <div  style="display: flex; gap: 2rem">
-        <button  @click="yesPlease" class="button-group btn btn-dark"><span v-if="!isLoading">Yes, Please</span> <LoadingIcon v-else></LoadingIcon></button>
+      <div style="display: flex; gap: 2rem">
+        <button @click="yesPlease" class="button-group btn btn-dark">
+          <span v-if="!isLoading">Yes, Please</span> <LoadingIcon v-else></LoadingIcon>
+        </button>
 
         <button @click="noThankYou" class="button-group btn btn-dark">No, Thank you</button>
       </div>
-
     </div>
   </div>
 </template>
 
-<style scoped>
-</style>
+<style scoped></style>
Index: ReserveNGo-frontend/src/components/Project/Auth/login_.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Auth/login_.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Auth/login_.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -22,5 +22,4 @@
       managerLocalId: '',
 
-
       isLoading: false,
       isEnableingAccountLoading: false,
@@ -32,11 +31,8 @@
   },
   computed: {
-
-    userDisabledAccountString(){
+    userDisabledAccountString() {
       /*User with email: customer@gmail.com not found.*/
       return `User is disabled`
-    }
-
-
+    },
   },
   methods: {
@@ -62,17 +58,14 @@
       } catch (error) {
         if (error.status === 401) {
-          this.errorMessage = "Oops! That password seems to be incorrect."
+          this.errorMessage = 'Oops! That password seems to be incorrect.'
         }
         if (error.status === 500 && this.userDisabledAccountString === error.response) {
-          this.disabledAccountPage = true;
+          this.disabledAccountPage = true
+        } else {
+          console.log('am i getting here')
+          console.error(error)
+          this.errorMessage = error.response || 'Something went wrong'
         }
-        else {
-          console.log("am i getting here")
-          console.error(error)
-          this.errorMessage = error.response || "Something went wrong";
-        }
-
-      }
-      finally {
+      } finally {
         this.isLoading = false
       }
@@ -94,25 +87,24 @@
       }
     },
-    async reEnableAccount(){
-      this.isEnableingAccountLoading = true;
-        try {
-         await useAuth.reEnableAccount(this.form_info.email, this.form_info.password)
-         await this.makeLogin()
-         this.showToast("Your account was successfully enabled.")
-        }
-        catch (error) {
-          this.disabledAccountPage=false
-          this.showToast(error.response || "Something went wrong, try again later", 'error')
-        }
-        finally {
-          this.isEnableingAccountLoading = false;
-        }
+    async reEnableAccount() {
+      this.isEnableingAccountLoading = true
+      try {
+        await useAuth.reEnableAccount(this.form_info.email, this.form_info.password)
+        await this.makeLogin()
+        this.showToast('Your account was successfully enabled.')
+      } catch (error) {
+        this.disabledAccountPage = false
+        this.showToast(error.response || 'Something went wrong, try again later', 'error')
+      } finally {
+        this.isEnableingAccountLoading = false
+      }
     },
     fetchLocalForManager() {
-      useLocalManager.getMyLocal()
+      useLocalManager
+        .getMyLocal()
         .then((data) => (this.managerLocalId = data.id))
         .then(() => router.push(`/more_details/${this.managerLocalId}`))
         .catch((err) => {
-          console.log('LOCALE NOT ASSIGNED', err)
+          console.log('LOCAL NOT ASSIGNED', err)
           router.push('/more_details/')
         })
@@ -150,5 +142,5 @@
           />
         </div>
-        <div style="color: red; margin-bottom: 1rem">{{errorMessage}}</div>
+        <div style="color: red; margin-bottom: 1rem">{{ errorMessage }}</div>
 
         <button :disabled="isLoading" type="submit" class="btn btn-dark w-100">
@@ -161,5 +153,10 @@
       </div>
     </div>
-    <DisabledAccountPage :is-loading="isEnableingAccountLoading" @yesPlease="reEnableAccount" @noThankYou="disabledAccountPage = false" v-else></DisabledAccountPage>
+    <DisabledAccountPage
+      :is-loading="isEnableingAccountLoading"
+      @yesPlease="reEnableAccount"
+      @noThankYou="disabledAccountPage = false"
+      v-else
+    ></DisabledAccountPage>
   </div>
 </template>
Index: ReserveNGo-frontend/src/components/Project/Auth/logout_.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Auth/logout_.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Auth/logout_.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -1,10 +1,9 @@
 <script>
-
 import { userStore } from '@/PiniaStores/UserStore.js'
-import {useRouter} from 'vue-router'
+import { useRouter } from 'vue-router'
 import { restaurantStore } from '@/PiniaStores/restaurantStore.js'
 
 export default {
-  data(){
+  data() {
     return {
       userStore_: userStore(),
@@ -14,14 +13,18 @@
   },
 }
-
 </script>
 
 <template>
-
-  <a v-on:click="userStore_.clearLocalStorage(); restaurantStore_.clearRestaurant()" @click="router.push('/login')" v-if="userStore_.data.role!=='UN_AUTHENTICATED'" class="btn btn-dark">Logout</a>
-
+  <a
+    v-on:click="
+      userStore_.clearLocalStorage();
+      restaurantStore_.clearRestaurant();
+    "
+    @click="router.push('/login')"
+    v-if="userStore_.data.role !== 'UN_AUTHENTICATED'"
+    class="btn btn-dark"
+    >Logout</a
+  >
 </template>
 
-<style scoped>
-
-</style>
+<style scoped></style>
Index: ReserveNGo-frontend/src/components/Project/Auth/register_.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Auth/register_.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Auth/register_.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -81,5 +81,5 @@
         localStorage.removeItem('userEmail')
         this.showToast('Your account has been verified. You can now log in.')
-        router.push('/login')
+        await router.push('/login')
       } catch (err) {
         if (err?.response?.status === 400 || err?.response?.status === 404) {
@@ -107,8 +107,9 @@
         await useAuth.googleRegister(this.roleType, googleToken, this.tokenRegister)
         this.showToast('Successfully registered with Google. You can now log in.', 'success')
-        router.push('/login')
+        await router.push('/login')
       } catch (err) {
         console.error('Google register error', err)
-        const message = err?.response || err?.response?.data?.message || 'Google registration failed.'
+        const message =
+          err?.response || err?.response?.data?.message || 'Google registration failed.'
         this.errorMessage = message
         const { showToast } = useToasts()
@@ -132,15 +133,15 @@
   },
   beforeMount() {
-      const otpcode = this.$route.query.code;
-      if (otpcode) {
-        this.registrationSucceeded = true;
-        this.otpCode = otpcode;
-        this.isLoading = true;
-        this.form_info.email = localStorage.getItem("userEmail")
-        setTimeout(() => {
-          this.isLoading = false;
-          this.verifyAccount();
-        }, 2000)
-      }
+    const otpcode = this.$route.query.code
+    if (otpcode) {
+      this.registrationSucceeded = true
+      this.otpCode = otpcode
+      this.isLoading = true
+      this.form_info.email = localStorage.getItem('userEmail')
+      setTimeout(() => {
+        this.isLoading = false
+        this.verifyAccount()
+      }, 2000)
+    }
   },
 }
Index: ReserveNGo-frontend/src/components/Project/Customer/Profile_Page.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Customer/Profile_Page.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Customer/Profile_Page.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -121,19 +121,20 @@
     },
     async disableAccount() {
-      this.isDisableingAcccount = true;
-      try {
-       await useUser.disableUserAccount()
-       this.showToast('Account disabled successfully! You have 30 days to log in before its deletion.', 'success')
-       this.userStore_.clearLocalStorage();
-       this.$router.push('/login');
-      }
-      catch (error) {
-        console.log(error);
-       this.showToast(error.response || 'Failed to disable account.', 'error')
-      }
-      finally {
+      this.isDisableingAcccount = true
+      try {
+        await useUser.disableUserAccount()
+        this.showToast(
+          'Account disabled successfully! You have 30 days to log in before its deletion.',
+          'success',
+        )
+        this.userStore_.clearLocalStorage()
+        this.$router.push('/login')
+      } catch (error) {
+        console.log(error)
+        this.showToast(error.response || 'Failed to disable account.', 'error')
+      } finally {
         this.isDisableingAcccount = false
       }
-    }
+    },
   },
   async beforeMount() {
@@ -168,6 +169,6 @@
       }
       return this.config.API_BASE_URL + this.userStore_.data.logoUrl
-    }
-  }
+    },
+  },
 }
 </script>
@@ -381,20 +382,48 @@
               <span
                 >Disable Account
-                <span @mouseleave="isHoveringAlert=false" @mouseenter="isHoveringAlert=true" style="position: relative;">
-                  <PopUpAlertIcon></PopUpAlertIcon> <PopUpWindow :isHoveringAlert="isHoveringAlert">Account will be disabled, it can be re-enabled after 30 days of disablement. After the
-              30 day period the account will be permanently deleted. You can re-enable your account
-              by logging in again before the 30 day period expires. </PopUpWindow>
+                <span
+                  @mouseleave="isHoveringAlert = false"
+                  @mouseenter="isHoveringAlert = true"
+                  style="position: relative"
+                >
+                  <PopUpAlertIcon></PopUpAlertIcon>
+                  <PopUpWindow :isHoveringAlert="isHoveringAlert"
+                    >Account will be disabled, it can be re-enabled after 30 days of disablement.
+                    After the 30 day period the account will be permanently deleted. You can
+                    re-enable your account by logging in again before the 30 day period expires.
+                  </PopUpWindow>
                 </span>
               </span>
 
-
-              <button v-if="!disableAccountAreYouSurePrompt" @click="disableAccountAreYouSurePrompt=true" class="custom-secondary-button">Disable Account</button>
+              <button
+                v-if="!disableAccountAreYouSurePrompt"
+                @click="disableAccountAreYouSurePrompt = true"
+                class="custom-secondary-button"
+              >
+                Disable Account
+              </button>
 
               <div v-else>
                 <p>Are you absolutely sure you want to disable your account ?</p>
-              <div  style="display: flex; gap: 2rem">
-                <button data-bs-dismiss="modal" @click="() => {disableAccount(); disableAccountAreYouSurePrompt = false}" class="custom-secondary-button">Yes</button>
-                <button @click="disableAccountAreYouSurePrompt=false" class="custom-secondary-button">No</button>
-              </div>
+                <div style="display: flex; gap: 2rem">
+                  <button
+                    data-bs-dismiss="modal"
+                    @click="
+                      () => {
+                        disableAccount()
+                        disableAccountAreYouSurePrompt = false
+                      }
+                    "
+                    class="custom-secondary-button"
+                  >
+                    Yes
+                  </button>
+                  <button
+                    @click="disableAccountAreYouSurePrompt = false"
+                    class="custom-secondary-button"
+                  >
+                    No
+                  </button>
+                </div>
               </div>
             </div>
Index: ReserveNGo-frontend/src/components/Project/Customer/RatingsForLocal.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Customer/RatingsForLocal.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Customer/RatingsForLocal.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -4,6 +4,6 @@
 
 export default {
-  props:{
-    localId:String,
+  props: {
+    localId: String,
   },
   emits: ['rating-updated'],
@@ -16,37 +16,41 @@
     }
   },
-  methods:{
-    rateLocal(rating){
-      this.givenRating = rating;
+  methods: {
+    rateLocal(rating) {
+      this.givenRating = rating
       useCustomer
         .rateLocal(this.localId, this.givenRating)
         .then(() => {
-          this.customerRating();
-          this.$emit('rating-updated');
+          this.customerRating()
+          this.$emit('rating-updated')
         })
         .catch((error) => console.log(error))
     },
-    customerRating(){
+    customerRating() {
       useCustomer
         .getRatingForLocal(this.localId)
-        .then((data) => {this.rating = data.rating})
-        .catch((error) => {console.log(error)})
+        .then((data) => {
+          this.rating = data.rating
+        })
+        .catch((error) => {
+          console.log(error)
+        })
     },
-    removeRating(){
+    removeRating() {
       useCustomer
         .removeRating(this.localId)
         .then(() => {
-          this.rating = 0;
-          this.givenRating = 0;
-          this.$emit('rating-updated');
+          this.rating = 0
+          this.givenRating = 0
+          this.$emit('rating-updated')
         })
-        .catch((err)=>console.log(err))
-    }
+        .catch((err) => console.log(err))
+    },
   },
   mounted() {
-    console.log("getting rating after mount")
-    this.customerRating();
-    console.log("rating is:" + this.rating);
-  }
+    console.log('getting rating after mount')
+    this.customerRating()
+    console.log('rating is:' + this.rating)
+  },
 }
 </script>
@@ -57,5 +61,12 @@
       <h5 class="me-3">Rate your experience:</h5>
       <div @mouseleave="hoverRating = 0">
-        <span v-for="index in 5" :key="index" @mouseover="hoverRating = index" @click="rateLocal(index)" class="fs-4" style="cursor: pointer;">
+        <span
+          v-for="index in 5"
+          :key="index"
+          @mouseover="hoverRating = index"
+          @click="rateLocal(index)"
+          class="fs-4"
+          style="cursor: pointer"
+        >
           <i :class="['far', 'fa-star', { 'fas text-warning': hoverRating >= index }]"></i>
         </span>
@@ -66,5 +77,5 @@
       <div class="fs-4 text-warning">
         <span v-for="index in 5" :key="index">
-          <i :class="['fa-star', { 'fas': index <= rating, 'far': index > rating }]"></i>
+          <i :class="['fa-star', { fas: index <= rating, far: index > rating }]"></i>
         </span>
       </div>
Index: ReserveNGo-frontend/src/components/Project/Customer/makeReservationModal.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Customer/makeReservationModal.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Customer/makeReservationModal.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -24,5 +24,5 @@
 function normalizeDateTime(dt) {
   if (!dt) return ''
-  // if format is YYYY-MM-DDTHH:mm, append :00 seconds
+  // if a format is YYYY-MM-DDTHH:mm, append :00 seconds
   return dt.length === 16 ? dt + ':00' : dt
 }
@@ -39,5 +39,5 @@
       timeOfReservation: normalizeDateTime(reservationDateTime.value),
       capacity: capacity.value,
-      description: description.value
+      description: description.value,
     }
     const res = await useReservations.makeReservation(payload, props.localId)
@@ -129,8 +129,5 @@
   cursor: pointer;
 }
-.hint {
-  color: #b45309;
-  font-size: 0.9rem;
-}
+
 select,
 input[type='datetime-local'],
Index: ReserveNGo-frontend/src/components/Project/Event/AddEventModal.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Event/AddEventModal.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Event/AddEventModal.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -2,5 +2,5 @@
 import { userStore } from '@/PiniaStores/UserStore.js'
 import { useLocalManager } from '@/repository/LocalManager.ts'
-import {useToasts} from '@/composables/useToast.js'
+import { useToasts } from '@/composables/useToast.js'
 
 export default {
@@ -28,5 +28,4 @@
   methods: {
     close() {
-
       this.$emit('close')
     },
@@ -34,5 +33,4 @@
       if (this.isLoading) return
       this.isLoading = true
-
 
       if (!this.event.name || !this.event.eventStart || !this.event.eventEnd) {
@@ -42,5 +40,6 @@
       }
 
-      useLocalManager.addEvent(this.event)
+      useLocalManager
+        .addEvent(this.event)
         .then(() => {
           this.$emit('event-added')
@@ -50,8 +49,8 @@
             eventType: 'Music',
             eventStart: '',
-            eventEnd: ''
+            eventEnd: '',
           }
           this.close()
-          this.showToast("Successfully added the event")
+          this.showToast('Successfully added the event')
         })
         .catch((err) => {
@@ -61,5 +60,4 @@
           this.isLoading = false
         })
-
     },
   },
@@ -92,5 +90,11 @@
             <div class="mb-3">
               <label for="eventName" class="form-label">Event Name</label>
-              <input type="text" class="form-control" id="eventName" v-model="event.name" required />
+              <input
+                type="text"
+                class="form-control"
+                id="eventName"
+                v-model="event.name"
+                required
+              />
             </div>
 
@@ -145,5 +149,10 @@
             <button type="button" class="btn btn-secondary" @click="close">Close</button>
             <button type="submit" class="btn btn-primary" :disabled="isLoading">
-              <span v-if="isLoading" class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
+              <span
+                v-if="isLoading"
+                class="spinner-border spinner-border-sm"
+                role="status"
+                aria-hidden="true"
+              ></span>
               {{ isLoading ? 'Saving...' : 'Save Event' }}
             </button>
@@ -155,5 +164,3 @@
 </template>
 
-<style scoped>
-
-</style>
+<style scoped></style>
Index: ReserveNGo-frontend/src/components/Project/Event/EditEventModal.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Event/EditEventModal.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Event/EditEventModal.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -33,14 +33,14 @@
     isEditMode() {
       // The modal is in "Edit Mode" if an event prop was passed.
-      return !!this.eventToEdit;
+      return !!this.eventToEdit
     },
     modalTitle() {
-      return this.isEditMode ? 'Edit Event' : 'Add New Event';
+      return this.isEditMode ? 'Edit Event' : 'Add New Event'
     },
     saveButtonText() {
       if (this.isLoading) {
-        return this.isEditMode ? 'Updating...' : 'Saving...';
-      }
-      return this.isEditMode ? 'Update Event' : 'Save Event';
+        return this.isEditMode ? 'Updating...' : 'Saving...'
+      }
+      return this.isEditMode ? 'Update Event' : 'Save Event'
     },
   },
@@ -51,12 +51,12 @@
       if (newVal) {
         // When the modal is shown, populate the form.
-        this.initializeForm();
-      }
-    }
+        this.initializeForm()
+      }
+    },
   },
 
   methods: {
     close() {
-      this.$emit('close');
+      this.$emit('close')
     },
 
@@ -66,5 +66,5 @@
         // In Edit Mode, create a deep copy of the prop to avoid mutation.
         // This also ensures the form data has the event's ID.
-        this.eventData = JSON.parse(JSON.stringify(this.eventToEdit));
+        this.eventData = JSON.parse(JSON.stringify(this.eventToEdit))
       } else {
         // In Add Mode, set up a fresh, empty object.
@@ -75,5 +75,5 @@
           eventStart: '',
           eventEnd: '',
-        };
+        }
       }
     },
@@ -83,7 +83,7 @@
       // This single method decides which action to take.
       if (this.isEditMode) {
-        await this.updateEvent();
+        await this.updateEvent()
       } else {
-        await this.addEvent();
+        await this.addEvent()
       }
     },
@@ -91,22 +91,22 @@
     // --- REFACTORED: Now uses async/await for cleaner syntax ---
     async addEvent() {
-      if (this.isLoading) return;
-      this.isLoading = true;
+      if (this.isLoading) return
+      this.isLoading = true
 
       if (!this.eventData.name || !this.eventData.eventStart || !this.eventData.eventEnd) {
-        alert('Please fill in all required fields (Name, Start Date, End Date).');
-        this.isLoading = false;
-        return;
+        alert('Please fill in all required fields (Name, Start Date, End Date).')
+        this.isLoading = false
+        return
       }
 
       try {
-        await useLocalManager.addEvent(this.eventData);
-        this.$emit('event-added');
-        this.close();
-        this.showToast("Successfully added the event", "success");
+        await useLocalManager.addEvent(this.eventData)
+        this.$emit('event-added')
+        this.close()
+        this.showToast('Successfully added the event', 'success')
       } catch (err) {
-        this.showToast(err.response?.data?.message || 'Failed to add event', 'error');
+        this.showToast(err.response?.data?.message || 'Failed to add event', 'error')
       } finally {
-        this.isLoading = false;
+        this.isLoading = false
       }
     },
@@ -114,17 +114,17 @@
     // --- NEW: Method for updating an existing event ---
     async updateEvent() {
-      if (this.isLoading) return;
-      this.isLoading = true;
+      if (this.isLoading) return
+      this.isLoading = true
 
       try {
         // Assumes your updateEvent method needs the event object (with its ID).
-        await useLocalManager.updateEvent(this.eventData, this.eventData.id);
-        this.$emit('event-updated', this.eventData); // Emit the new data back
-        this.close();
-        this.showToast("Successfully updated the event", "success");
+        await useLocalManager.updateEvent(this.eventData, this.eventData.id)
+        this.$emit('event-updated', this.eventData) // Emit the new data back
+        this.close()
+        this.showToast('Successfully updated the event', 'success')
       } catch (err) {
-        this.showToast(err.response?.data?.message || 'Failed to update event', 'error');
+        this.showToast(err.response?.data?.message || 'Failed to update event', 'error')
       } finally {
-        this.isLoading = false;
+        this.isLoading = false
       }
     },
@@ -162,5 +162,11 @@
             <div class="mb-3">
               <label for="eventName" class="form-label">Event Name</label>
-              <input type="text" class="form-control" id="eventName" v-model="eventData.name" required />
+              <input
+                type="text"
+                class="form-control"
+                id="eventName"
+                v-model="eventData.name"
+                required
+              />
             </div>
 
@@ -216,5 +222,10 @@
             <!-- MODIFIED: Button text is now dynamic -->
             <button type="submit" class="btn btn-primary" :disabled="isLoading">
-              <span v-if="isLoading" class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
+              <span
+                v-if="isLoading"
+                class="spinner-border spinner-border-sm"
+                role="status"
+                aria-hidden="true"
+              ></span>
               {{ saveButtonText }}
             </button>
Index: ReserveNGo-frontend/src/components/Project/Event/event_in_event_listing.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Event/event_in_event_listing.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Event/event_in_event_listing.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -2,7 +2,6 @@
 import { userStore } from '@/PiniaStores/UserStore.js'
 import { useUtility } from '@/repository/utility.ts'
-import { useCustomer } from '@/repository/Customer.ts'
 import { config } from '@/constants/Api_config.js'
-import pankake from '@/components/ectd/easy-american-pancake-recipe.jpg'
+import pancake from '@/components/ectd/easy-american-pancake-recipe.jpg'
 
 export default {
@@ -16,5 +15,5 @@
       userStore_: userStore(),
       eventImage: null,
-      pankake: pankake,
+      pancake: pancake,
     }
   },
@@ -31,5 +30,5 @@
   computed: {
     event_image() {
-      if (!this.event.image) return this.pankake
+      if (!this.event.image) return this.pancake
       const url = new URL(this.event.image, config.API_BASE_URL)
       return url.toString()
Index: ReserveNGo-frontend/src/components/Project/Event/events_carousel.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Event/events_carousel.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Event/events_carousel.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -13,5 +13,5 @@
       itemsPerSlide: 3,
       processedEventIds: new Set(), // Track which events we've already processed
-      processedLocalIds: new Set(), // Track which locales we've already fetched
+      processedLocalIds: new Set(), // Track which locals we've already fetched
     }
   },
@@ -48,5 +48,5 @@
         // 1. Event has a localId
         // 2. We haven't processed this event ID
-        // 3. We haven't already fetched this locale
+        // 3. We haven't yet fetched this local
         // 4. Event doesn't already have a logo
         if (
@@ -73,5 +73,5 @@
             })
             .catch((error) => {
-              console.error('Error fetching locale for event:', error)
+              console.error('Error fetching local for event:', error)
               // Remove from sets on error so we can retry if needed
               this.processedEventIds.delete(event.id)
Index: ReserveNGo-frontend/src/components/Project/Event/events_carousel_in_locale.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Event/events_carousel_in_locale.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Event/events_carousel_in_locale.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -1,11 +1,8 @@
 <script lang="ts">
 import { userStore } from '@/PiniaStores/UserStore.js'
-import { useLocales } from '@/repository/Locale'
-import {useLocalManager} from '@/repository/LocalManager.ts'
-import { config } from '@/constants/Api_config'
-import pankake from '@/components/ectd/easy-american-pancake-recipe.jpg'
+import { useLocalManager } from '@/repository/LocalManager.ts'
+import pancake from '@/components/ectd/easy-american-pancake-recipe.jpg'
 import { transformArray } from '@/mixins/utilFunctions'
-import {useToasts} from '@/composables/useToast.js'
-
+import { useToasts } from '@/composables/useToast.js'
 
 export default {
@@ -13,5 +10,5 @@
     return {
       userStore_: userStore(),
-      pankake: pankake,
+      pancake: pancake,
       itemsPerSlide: 3,
       showEditModal: false,
@@ -30,5 +27,5 @@
     chunkedEvents() {
       /*  console.log("CHUNKED EVENTS",this.allEvents)*/
-      // Return empty array if the prop is not yet ready.
+      // Return an empty array if the prop is not yet ready.
       if (!this.allEvents || this.allEvents.length === 0) {
         return []
@@ -41,5 +38,5 @@
 
       // This is the abstract "resize the array" method you mentioned.
-      // It chunks the flat list into new sub-arrays.
+      // It chunks the flat list into new subarrays.
 
       return transformArray(flatEvents, this.itemsPerSlide, false)
@@ -61,14 +58,15 @@
     },
 
-    deleteEvent(eventId){
-      useLocalManager.deleteEvent(eventId)
+    deleteEvent(eventId) {
+      useLocalManager
+        .deleteEvent(eventId)
         .then(() => {
           this.$emit('event-deleted', eventId)
-          this.showToast("Successfully deleted event")
+          this.showToast('Successfully deleted event')
         })
-        .catch((err)=> {
+        .catch((err) => {
           this.showToast(err.response, 'error')
         })
-    }
+    },
   },
 
@@ -77,7 +75,7 @@
          console.log(this.chunkedEvents)
        }, 1000)*/
-    // Call the method once on component mount to set the initial state.
+    // Call the method once on the component mount to set the initial state.
     this.updateItemsPerSlide()
-    // Add event listener for window resizing.
+    // Add an event listener for window resizing.
     window.addEventListener('resize', this.updateItemsPerSlide)
   },
@@ -115,11 +113,12 @@
                       <i class="fas fa-calendar me-2"></i>{{ event.eventStart.date }}
                     </div>
-                    <div>
-                      <i class="fas fa-clock me-2"></i>{{ event.eventStart.time }}
-                    </div>
+                    <div><i class="fas fa-clock me-2"></i>{{ event.eventStart.time }}</div>
                   </div>
                 </div>
                 <div v-if="userStore_.isLocaleManager" class="d-flex gap-2 mt-auto">
-                  <button class="btn btn-dark btn-sm flex-fill" @click="$emit('edit-started', event.id)">
+                  <button
+                    class="btn btn-dark btn-sm flex-fill"
+                    @click="$emit('edit-started', event.id)"
+                  >
                     <i class="fas fa-edit me-1"></i>Edit
                   </button>
@@ -166,5 +165,7 @@
   width: 18rem;
   min-height: 280px;
-  transition: transform 0.2s ease, box-shadow 0.2s ease;
+  transition:
+    transform 0.2s ease,
+    box-shadow 0.2s ease;
   border: 1px solid #e9ecef;
 }
Index: ReserveNGo-frontend/src/components/Project/Manager/ManagerDashboard.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Manager/ManagerDashboard.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Manager/ManagerDashboard.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -76,5 +76,5 @@
     },
     async assignWorker(worker) {
-      this.assigningWorkerId = worker.id;
+      this.assigningWorkerId = worker.id
       try {
         await useLocalManager.assignWorker(worker.id)
@@ -89,5 +89,5 @@
     },
     async removeWorker(worker) {
-      this.removingWorkerId = worker.id;
+      this.removingWorkerId = worker.id
       try {
         await useLocalManager.removeWorker(worker.id)
Index: ReserveNGo-frontend/src/components/Project/Manager/locale-not-assigned.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Manager/locale-not-assigned.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Manager/locale-not-assigned.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -1,11 +1,9 @@
-<script setup lang="ts">
-
-</script>
+<script setup lang="ts"></script>
 
 <template>
-<h1 class="h-100 d-flex justify-content-center align-items-center text-center">No assigned Locale</h1>
+  <h1 class="h-100 d-flex justify-content-center align-items-center text-center">
+    No assigned Locale
+  </h1>
 </template>
 
-<style scoped>
-
-</style>
+<style scoped></style>
Index: ReserveNGo-frontend/src/components/Project/Reservation/My_reservations.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Reservation/My_reservations.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Reservation/My_reservations.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -38,5 +38,5 @@
     },
     async onCancelReservation(res) {
-      console.log("WHAT IS RESERVATION HERE", res)
+      console.log('WHAT IS RESERVATION HERE', res)
       if (!res) return
       if (!confirm('Are you sure you want to cancel this reservation?')) return
@@ -52,5 +52,6 @@
         console.error(err)
         const { showToast } = useToasts()
-        const message = err?.response?.message || 'Failed to cancel reservation. Please try again later.'
+        const message =
+          err?.response?.message || 'Failed to cancel reservation. Please try again later.'
         showToast(message, 'error')
       } finally {
@@ -65,7 +66,9 @@
       const id = updated?.id
       if (id != null) {
-        this.reservations = this.reservations.map(r => (r.id === id ? { ...r, ...updated } : r))
+        this.reservations = this.reservations.map((r) => (r.id === id ? { ...r, ...updated } : r))
       } else if (this.targetReservation) {
-        this.reservations = this.reservations.map(r => (r === this.targetReservation ? { ...r, ...updated } : r))
+        this.reservations = this.reservations.map((r) =>
+          r === this.targetReservation ? { ...r, ...updated } : r,
+        )
       }
       this.showEditModal = false
@@ -93,7 +96,7 @@
         const { showToast } = useToasts()
         await useReservations.deleteReservations({ reservationIds: this.selectedIds })
-        // Remove deleted from list
+        // Remove deleted from a list
         const set = new Set(this.selectedIds)
-        this.reservations = this.reservations.filter(r => !set.has(r.id))
+        this.reservations = this.reservations.filter((r) => !set.has(r.id))
         showToast('Selected reservations deleted successfully.', 'success')
         this.cancelSelection()
@@ -140,8 +143,12 @@
         />
         <!-- Top controls: place at top right above the first card -->
-        <div class="position-sticky" style="top: 70px;">
+        <div class="position-sticky" style="top: 70px">
           <div class="d-flex justify-content-end mt-2">
             <template v-if="!selectionMode">
-              <button class="btn btn-outline-danger btn-sm" @click="startSelection" :disabled="reservations.length===0">
+              <button
+                class="btn btn-outline-danger btn-sm"
+                @click="startSelection"
+                :disabled="reservations.length === 0"
+              >
                 <i class="fas fa-trash-alt me-1"></i> Delete Reservations
               </button>
@@ -149,10 +156,12 @@
             <template v-else>
               <div class="btn-group">
-                <button class="btn btn-danger btn-sm" :disabled="selectedIds.length===0" @click="confirmDeleteSelected">
+                <button
+                  class="btn btn-danger btn-sm"
+                  :disabled="selectedIds.length === 0"
+                  @click="confirmDeleteSelected"
+                >
                   <i class="fas fa-check me-1"></i> Confirm delete ({{ selectedIds.length }})
                 </button>
-                <button class="btn btn-secondary btn-sm" @click="cancelSelection">
-                  Cancel
-                </button>
+                <button class="btn btn-secondary btn-sm" @click="cancelSelection">Cancel</button>
               </div>
             </template>
@@ -165,5 +174,8 @@
       :show-modal="showEditModal"
       :reservation="targetReservation"
-      @close-modal="showEditModal = false; targetReservation = null"
+      @close-modal="
+        showEditModal = false;
+        targetReservation = null;
+      "
       @edited="onEditedReservation"
     />
@@ -171,4 +183,3 @@
 </template>
 
-<style scoped>
-</style>
+<style scoped></style>
Index: ReserveNGo-frontend/src/components/Project/Restaurant/Locale_.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Restaurant/Locale_.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Restaurant/Locale_.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -12,5 +12,5 @@
 import ManagerFileInput from '@/components/Project/Utility/ManagerFileInput.vue'
 import AddEventModal from '@/components/Project/Event/EditEventModal.vue'
-import {useToasts} from '@/composables/useToast.js'
+import { useToasts } from '@/composables/useToast.js'
 import LoadingIcon from '@/components/Project/Utility/LoadingIcon.vue'
 import { useLocales } from '@/repository/Locale'
@@ -76,5 +76,5 @@
       isLogoUploading: false,
       isPhotoUploading: false,
-      //END UPLOADINg files state
+      //END UPLOADING files state
 
       //loading details
@@ -83,5 +83,4 @@
 
       isAddEventModalVisible: false,
-
 
       //Edit Event
@@ -95,13 +94,5 @@
 
       // Working hours edit helpers
-      daysOfWeek: [
-        'MONDAY',
-        'TUESDAY',
-        'WEDNESDAY',
-        'THURSDAY',
-        'FRIDAY',
-        'SATURDAY',
-        'SUNDAY'
-      ],
+      daysOfWeek: ['MONDAY', 'TUESDAY', 'WEDNESDAY', 'THURSDAY', 'FRIDAY', 'SATURDAY', 'SUNDAY'],
       // Holds text inputs per day during edit mode, e.g. "09:00:00-17:00:00" or "Closed"
       workingHoursInputs: {},
@@ -109,5 +100,4 @@
       modalOpen: false,
     }
-
   },
   computed: {
@@ -131,5 +121,5 @@
       return this.locale.localPhotos.map((path) => `${config.API_BASE_URL}${path}`)
     },
-    logoPicture(){
+    logoPicture() {
       if (!this.locale.logo) {
         return 'https://cdn.vuetifyjs.com/images/profiles/default-avatar.png'
@@ -141,5 +131,5 @@
         return config.API_BASE_URL + this.locale.logo
       }
-    }
+    },
   },
 
@@ -151,10 +141,10 @@
       this.locale.localPhotos.splice(index, 1)
       let url = new URL(image)
-      console.log('PHTORURL', url.pathname)
+      console.log('PHOTO-URL', url.pathname)
       const localPhotosUrls = [url.pathname]
       useLocalManager
         .deletePhoto({ localPhotosUrls })
         .then(() => {
-          this.showToast("Successfully deleted a locale image")
+          this.showToast('Successfully deleted a local image')
         })
         .catch((error) => {
@@ -180,5 +170,5 @@
         .then((data) => {
           this.locale = data
-          console.log("LOCALE::: WORKING HOURS DATA", this.locale.workingHours)
+          console.log('LOCAL::: WORKING HOURS DATA', this.locale.workingHours)
           if (!this.locale.contact) {
             this.locale.contact = { phone: '', email: '' }
@@ -189,10 +179,8 @@
           this.eventsForCarousel = transformArray(this.locale.events, 2)
         })
-        .catch((err) => console.log('Error fetching locale data:', err))
+        .catch((err) => console.log('Error fetching local data:', err))
     },
     addToFavourites() {
-      useCustomer
-        .addFavourite(this.locale.id)
-        .catch((error) => console.log(error))
+      useCustomer.addFavourite(this.locale.id).catch((error) => console.log(error))
     },
     uploadLogo(fileInput) {
@@ -209,12 +197,11 @@
         .then(() => {
           this.$refs.uploadLogoInputRef.reset()
-          this.showToast("Successfully uploaded the logo")
+          this.showToast('Successfully uploaded the logo')
         })
         .catch((error) => {
           if (error.status === 409) {
             this.showToast(error.response, 'error')
-          }
-          else {
-            this.showToast("You do not have permission to make this request", 'error')
+          } else {
+            this.showToast('You do not have permission to make this request', 'error')
           }
         })
@@ -237,12 +224,11 @@
           this.fetchLocaleData()
           this.$refs.uploadPhotoInputRef.reset()
-          this.showToast("Successfully uploaded the photo")
+          this.showToast('Successfully uploaded the photo')
         })
         .catch((error) => {
           if (error.status === 409) {
             this.showToast(error.response, 'error')
-          }
-          else {
-            this.showToast("You do not have permission to make this request", 'error')
+          } else {
+            this.showToast('You do not have permission to make this request', 'error')
           }
         })
@@ -265,5 +251,5 @@
     },
     saveLocalChanges() {
-      this.isSaveChangesLoading = true;
+      this.isSaveChangesLoading = true
       const payload = { ...this.locale }
       if (this.isEditing) {
@@ -278,8 +264,9 @@
       delete payload.eventsForCarousel
 
-      useLocalManager.saveDetailChanges(payload)
+      useLocalManager
+        .saveDetailChanges(payload)
         .then(() => {
           this.cachedLocale = null
-          this.showToast("Successfully updated")
+          this.showToast('Successfully updated')
           this.fetchLocaleData()
         })
@@ -297,5 +284,5 @@
       const source = Array.isArray(this.locale.workingHours) ? this.locale.workingHours : []
       const map = {}
-      source.forEach(wh => {
+      source.forEach((wh) => {
         if (wh && wh.dayOfWeek) {
           const day = String(wh.dayOfWeek).toUpperCase()
@@ -303,5 +290,5 @@
         }
       })
-      this.daysOfWeek.forEach(day => {
+      this.daysOfWeek.forEach((day) => {
         const wh = map[day]
         if (wh && wh.openTime && wh.closeTime) {
@@ -319,5 +306,6 @@
       if (/^closed$/i.test(trimmed)) return { type: 'closed' }
       const parts = trimmed.split('-')
-      if (parts.length !== 2) return { type: 'invalid', reason: 'Expected format HH:MM:SS-HH:MM:SS' }
+      if (parts.length !== 2)
+        return { type: 'invalid', reason: 'Expected format HH:MM:SS-HH:MM:SS' }
       const [from, to] = parts
       const timeRegex = /^(\d{2}):(\d{2}):(\d{2})$/
@@ -325,10 +313,15 @@
       const mTo = to.match(timeRegex)
       if (!mFrom || !mTo) return { type: 'invalid', reason: 'Time must be HH:MM:SS' }
-      const h1 = parseInt(mFrom[1], 10), m1 = parseInt(mFrom[2], 10), s1 = parseInt(mFrom[3], 10)
-      const h2 = parseInt(mTo[1], 10), m2 = parseInt(mTo[2], 10), s2 = parseInt(mTo[3], 10)
-      const inRange = (h, m, s) => h>=0 && h<=23 && m>=0 && m<=59 && s>=0 && s<=59
-      if (!inRange(h1,m1,s1) || !inRange(h2,m2,s2)) return { type: 'invalid', reason: 'Time values out of range' }
-      const sec1 = h1*3600 + m1*60 + s1
-      const sec2 = h2*3600 + m2*60 + s2
+      const h1 = parseInt(mFrom[1], 10),
+        m1 = parseInt(mFrom[2], 10),
+        s1 = parseInt(mFrom[3], 10)
+      const h2 = parseInt(mTo[1], 10),
+        m2 = parseInt(mTo[2], 10),
+        s2 = parseInt(mTo[3], 10)
+      const inRange = (h, m, s) => h >= 0 && h <= 23 && m >= 0 && m <= 59 && s >= 0 && s <= 59
+      if (!inRange(h1, m1, s1) || !inRange(h2, m2, s2))
+        return { type: 'invalid', reason: 'Time values out of range' }
+      const sec1 = h1 * 3600 + m1 * 60 + s1
+      const sec2 = h2 * 3600 + m2 * 60 + s2
       if (sec1 >= sec2) return { type: 'invalid', reason: 'Open time must be before close time' }
       return { type: 'range', openTime: `${from}`, closeTime: `${to}` }
@@ -346,5 +339,5 @@
             dayOfWeek: day,
             openTime: res.openTime,
-            closeTime: res.closeTime
+            closeTime: res.closeTime,
           })
         }
@@ -360,5 +353,5 @@
     },
     deleteEvent(eventId) {
-      this.locale.events = this.locale.events.filter(event=>event.id !== eventId);
+      this.locale.events = this.locale.events.filter((event) => event.id !== eventId)
       this.fetchLocaleData()
     },
@@ -367,10 +360,9 @@
       this.isModalVisible = false
     },
-    startEditingEvent(eventId){
-      this.targetEditEvent = this.locale.events.find(event=>event.id === eventId);
-      console.log("TARGET EDIT EVENT", this.targetEditEvent)
-      this.isEventModalVisible = true;
-    },
-
+    startEditingEvent(eventId) {
+      this.targetEditEvent = this.locale.events.find((event) => event.id === eventId)
+      console.log('TARGET EDIT EVENT', this.targetEditEvent)
+      this.isEventModalVisible = true
+    },
   },
 }
@@ -449,5 +441,10 @@
                 <div v-else class="mb-3">
                   <label for="addressInput" class="form-label fw-bold">Address</label>
-                  <input type="text" id="addressInput" class="form-control" v-model="locale.address" />
+                  <input
+                    type="text"
+                    id="addressInput"
+                    class="form-control"
+                    v-model="locale.address"
+                  />
                 </div>
 
@@ -501,9 +498,12 @@
                 <div v-else>
                   <p class="text-muted small mb-2">
-                    Enter time as HH:MM:SS-HH:MM:SS (e.g., 09:00:00-17:30:00). Type "Closed" or leave blank for closed days.
+                    Enter time as HH:MM:SS-HH:MM:SS (e.g., 09:00:00-17:30:00). Type "Closed" or
+                    leave blank for closed days.
                   </p>
                   <div class="row g-2">
                     <div class="col-12" v-for="day in daysOfWeek" :key="day">
-                      <label class="form-label small mb-1">{{ day.charAt(0) + day.slice(1).toLowerCase() }}</label>
+                      <label class="form-label small mb-1">{{
+                        day.charAt(0) + day.slice(1).toLowerCase()
+                      }}</label>
                       <input
                         type="text"
@@ -536,5 +536,10 @@
                   <div class="pt-2 border-top">
                     <strong class="d-block mb-1">Menu</strong>
-                    <a v-if="locale.menuLink" :href="locale.menuLink" target="_blank" class="text-decoration-none">
+                    <a
+                      v-if="locale.menuLink"
+                      :href="locale.menuLink"
+                      target="_blank"
+                      class="text-decoration-none"
+                    >
                       <i class="fas fa-external-link-alt me-1"></i>View Menu
                     </a>
@@ -583,9 +588,7 @@
             <div v-if="!isEditing">
               <div v-if="locale.services && locale.services.length > 0" class="services-grid">
-                <span
-                  v-for="service in locale.services"
-                  :key="service"
-                  class="service-badge"
-                >{{ service }}</span>
+                <span v-for="service in locale.services" :key="service" class="service-badge">{{
+                  service
+                }}</span>
               </div>
               <p v-else class="text-muted small mb-0">No services listed</p>
@@ -639,11 +642,14 @@
             <div class="d-flex flex-wrap gap-2">
               <template v-if="userStore.data.role === 'ROLE_CUSTOMER'">
-                <button @click="modalOpen=true" class="btn btn-dark">
+                <button @click="modalOpen = true" class="btn btn-dark">
                   <i class="fas fa-calendar-check me-1"></i> Reserve
                 </button>
 
-                <make-reservation-modal :localId="locale.id" :show-modal="modalOpen" @open-modal="modalOpen=true" @close-modal="modalOpen=false"></make-reservation-modal>
-
-
+                <make-reservation-modal
+                  :localId="locale.id"
+                  :show-modal="modalOpen"
+                  @open-modal="modalOpen = true"
+                  @close-modal="modalOpen = false"
+                ></make-reservation-modal>
 
                 <button class="btn btn-outline-danger" @click="addToFavourites">
@@ -682,5 +688,8 @@
   <AddEventModal
     :show="isEventModalVisible"
-    @close="isEventModalVisible = false; targetEditEvent=null"
+    @close="
+      isEventModalVisible = false;
+      targetEditEvent = null;
+    "
     @event-added="addEvent"
     @event-updated="addEvent"
Index: ReserveNGo-frontend/src/components/Project/Restaurant/Locale_details.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Restaurant/Locale_details.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Restaurant/Locale_details.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -1,19 +1,16 @@
 <script>
-
-
 import { restaurantStore } from '@/PiniaStores/restaurantStore.js'
 
 export default {
-  data(){
+  data() {
     return {
-      restaurant:{
+      restaurant: {
         name: '',
-        address: ''
+        address: '',
       },
-      restaurantStore: restaurantStore()
+      restaurantStore: restaurantStore(),
     }
-  }
+  },
 }
-
 </script>
 
@@ -21,5 +18,10 @@
   <div id="container" class="p-4 py-5 rounded shadow-sm mt-5">
     <div class="d-flex align-items-center mb-3">
-      <img :src="restaurantStore.logo" alt="Logo" class="me-3" style="width: 60px; height: 60px; object-fit: cover; border-radius: 8px;" />
+      <img
+        :src="restaurantStore.logo"
+        alt="Logo"
+        class="me-3"
+        style="width: 60px; height: 60px; object-fit: cover; border-radius: 8px"
+      />
       <h4 class="mb-0">{{ restaurantStore.name }}</h4>
     </div>
@@ -54,20 +56,13 @@
 </template>
 
-
 <style scoped>
-
 #container {
-
   #container {
     font-size: 1rem;
     margin: 30px auto;
-    border-left: 3px solid #8377D1;
+    border-left: 3px solid #8377d1;
     background-color: #fff;
     height: 100%;
   }
-
-
-
 }
-
 </style>
Index: ReserveNGo-frontend/src/components/Project/Restaurant/Locale_listing_container.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Restaurant/Locale_listing_container.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Restaurant/Locale_listing_container.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -43,5 +43,5 @@
 
   mounted() {
-    // Only fetch favourite locals if user is logged in and is a customer
+    // Only fetch favourite locals if the user is logged in and is a customer
     if (this.userStore && this.userStore.data && this.userStore.data.role === 'ROLE_CUSTOMER') {
       useCustomer
Index: ReserveNGo-frontend/src/components/Project/Restaurant/home_.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Restaurant/home_.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Restaurant/home_.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -118,15 +118,12 @@
       this.activeView = view
     },
-    loadFavouriteEvents() {
-      return useCustomer
-        .getFavouriteEvent()
-        .then((data) => {
-
-          this.favouriteEvents = data.events || data || []
-        })
-        .catch((error) => {
-          console.log('Failed to fetch favourite events', error)
-          this.favouriteEvents = []
-        })
+    async loadFavouriteEvents() {
+      try {
+        const data = await useCustomer.getFavouriteEvent()
+        this.favouriteEvents = data.events || data || []
+      } catch (error) {
+        console.log('Failed to fetch favourite events', error)
+        this.favouriteEvents = []
+      }
     },
     toggleFavouriteEvent(id) {
Index: ReserveNGo-frontend/src/components/Project/Restaurant/local_in_local_listing.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Restaurant/local_in_local_listing.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Restaurant/local_in_local_listing.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -2,6 +2,6 @@
 import { userStore } from '@/PiniaStores/UserStore.js'
 import { restaurantStore } from '@/PiniaStores/restaurantStore.js'
-import {config} from '@/constants/Api_config.js'
-import pankake from '@/components/ectd/easy-american-pancake-recipe.jpg'
+import { config } from '@/constants/Api_config.js'
+import pancake from '@/components/ectd/easy-american-pancake-recipe.jpg'
 import MakeReservationModal from '@/components/Project/Customer/makeReservationModal.vue'
 
@@ -19,5 +19,5 @@
     return {
       userStore_: userStore(),
-      pankake: pankake,
+      pancake: pancake,
       modalOpen: false,
     }
@@ -26,7 +26,9 @@
   computed: {
     locale_logo() {
-      if (this.local.logo === null) {return this.pankake}
+      if (this.local.logo === null) {
+        return this.pancake
+      }
       const url = new URL(this.local.logo, config.API_BASE_URL)
-      return url.toString();
+      return url.toString()
     },
 
@@ -36,5 +38,5 @@
       }
       return 'Status unavailable'
-    }
+    },
   },
 
@@ -62,5 +64,5 @@
       this.$emit('hover-leave')
     },
-  }
+  },
 }
 </script>
@@ -91,5 +93,7 @@
       <p class="mb-1 text-muted">
         <i class="fas fa-clock me-2 text-secondary"></i>
-        <span :class="{'text-danger': openStatus === 'Closed', 'text-success': openStatus === 'Open'}">
+        <span
+          :class="{ 'text-danger': openStatus === 'Closed', 'text-success': openStatus === 'Open' }"
+        >
           {{ openStatus }}
         </span>
@@ -105,5 +109,5 @@
         <div class="button-group d-flex align-items-center" v-if="isHovered || isSelected">
           <button
-            v-if="userStore_.data.role === 'ROLE_CUSTOMER' && mode==='all'"
+            v-if="userStore_.data.role === 'ROLE_CUSTOMER' && mode === 'all'"
             :class="['fa-heart', isFavorited ? 'fa-solid liked' : 'fa-regular']"
             id="like-button"
@@ -118,13 +122,22 @@
             </router-link>
 
-            <button @click="modalOpen=true" v-if="userStore_.data.role === 'ROLE_CUSTOMER' && mode==='all'" class="btn btn-dark">
+            <button
+              @click="modalOpen = true"
+              v-if="userStore_.data.role === 'ROLE_CUSTOMER' && mode === 'all'"
+              class="btn btn-dark"
+            >
               <i class="fas fa-calendar-check me-1"></i> Make reservation
             </button>
 
-            <make-reservation-modal :localId="local.id" :show-modal="modalOpen" @open-modal="modalOpen=true" @close-modal="modalOpen=false"></make-reservation-modal>
-
-
-
-            <button class="btn btn-dark" v-if="mode==='favourites'" @click="addToFavorites">Remove favourite</button>
+            <make-reservation-modal
+              :localId="local.id"
+              :show-modal="modalOpen"
+              @open-modal="modalOpen = true"
+              @close-modal="modalOpen = false"
+            ></make-reservation-modal>
+
+            <button class="btn btn-dark" v-if="mode === 'favourites'" @click="addToFavorites">
+              Remove favourite
+            </button>
           </div>
         </div>
Index: ReserveNGo-frontend/src/components/Project/Restaurant/search_filter_panel.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Restaurant/search_filter_panel.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Restaurant/search_filter_panel.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -44,5 +44,5 @@
 
 const placeholderText = computed(() => {
-  return props.activeView === 'locals' ? 'Search locales...' : 'Search events...'
+  return props.activeView === 'locals' ? 'Search locals...' : 'Search events...'
 })
 
@@ -53,5 +53,5 @@
 const emit = defineEmits(['searchQuerySent'])
 
-// Reset filters when view changes
+// Reset filters when the view changes
 watch(
   () => props.activeView,
Index: ReserveNGo-frontend/src/components/Project/Restaurant/working-hours-table.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Restaurant/working-hours-table.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Restaurant/working-hours-table.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -1,17 +1,9 @@
 <script lang="ts">
 export default {
-  props: ["workingHours"],
+  props: ['workingHours'],
 
   computed: {
     daysOfWeek() {
-      return [
-        'MONDAY',
-        'TUESDAY',
-        'WEDNESDAY',
-        'THURSDAY',
-        'FRIDAY',
-        'SATURDAY',
-        'SUNDAY'
-      ]
+      return ['MONDAY', 'TUESDAY', 'WEDNESDAY', 'THURSDAY', 'FRIDAY', 'SATURDAY', 'SUNDAY']
     },
 
@@ -19,14 +11,14 @@
       if (!this.workingHours) return {}
       const map = {}
-     /* closeTime:"17:00:00"
+      /* closeTime:"17:00:00"
       dayOfWeek:"MONDAY"
       openTime:"09:00:00"*/
 
-      this.workingHours.forEach(wh => {
+      this.workingHours.forEach((wh) => {
         if (wh.dayOfWeek) {
           const dayKey = wh.dayOfWeek.toUpperCase()
           map[dayKey] = {
             openTime: wh.openTime || '',
-            closeTime: wh.closeTime || ''
+            closeTime: wh.closeTime || '',
           }
         }
@@ -36,14 +28,15 @@
 
     daysWithHours() {
-      return this.daysOfWeek.map(day => {
+      return this.daysOfWeek.map((day) => {
         const hours = this.workingHoursMap[day]
         return {
           day: day,
-          hours: hours && hours.openTime && hours.closeTime
-            ? `${hours.openTime} - ${hours.closeTime}`
-            : "Closed"
+          hours:
+            hours && hours.openTime && hours.closeTime
+              ? `${hours.openTime} - ${hours.closeTime}`
+              : 'Closed',
         }
       })
-    }
+    },
   },
 
@@ -51,6 +44,6 @@
     formatDayName(day) {
       return day.charAt(0) + day.slice(1).toLowerCase()
-    }
-  }
+    },
+  },
 }
 </script>
Index: serveNGo-frontend/src/components/Project/Testing.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Testing.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ 	(revision )
@@ -1,30 +1,0 @@
-<script></script>
-
-<template>
-  <div id="component">
-    <img src="/src/assets/logo.png" alt="Logo could not be found." />
-
-    <h3 class="h1">Омилени Локали</h3>
-
-    <h3 class="h1">Твојте Резервации</h3>
-
-    <h4 id="login">Login</h4>
-    <p class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque.</p>
-    <p class="lead text-end">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
-    <p class="lead text-center text-warning bg-primary">
-      Lorem ipsum dolor sit amet, consectetur adipisicing elit.
-    </p>
-  </div>
-</template>
-
-<style scoped>
-#login {
-  float: right;
-  padding: 2%;
-}
-
-#component {
-  width: 90%;
-  height: 5%;
-}
-</style>
Index: ReserveNGo-frontend/src/components/Project/Utility/HorizontalScroller.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Utility/HorizontalScroller.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Utility/HorizontalScroller.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -75,10 +75,10 @@
       if (content.children && content.children.length > 2) {
         const thirdChild = content.children[6]
-      /*  console.log("chiled", thirdChild)*/
+        /*  console.log("child", thirdChild)*/
         // Get the element's offset relative to its parent.
         // This value only changes on window resize or layout change.
         this.thirdChildOffsetLeft = thirdChild.offsetLeft
         this.scrollContainerScrollLeftValue = container.scrollLeft + container.clientWidth
-        /*console.log("ThirdChieldOffSetLEft", this.thirdChildOffsetLeft)*/
+        /*console.log("ThirdChildOffSetLEft", this.thirdChildOffsetLeft)*/
       } else {
         this.thirdChildOffsetLeft = 'N/A'
@@ -104,5 +104,5 @@
     /**
      * The core logic for scrolling to the right.
-     * It finds the first item that is currently clipped on the right
+     * It finds the first item currently clipped on the right
      * and scrolls just enough to make it fully visible.
      */
@@ -125,5 +125,5 @@
       // If no item is found (we might be at the end), we don't scroll
       if (targetItem) {
-/*        console.log("TargetItem", targetItem)*/
+        /*        console.log("TargetItem", targetItem)*/
         container.scrollTo({
           left: targetItem.offsetLeft + targetItem.clientWidth - container.clientWidth,
@@ -167,5 +167,4 @@
     },
   },
-
 }
 </script>
Index: ReserveNGo-frontend/src/components/Project/Utility/ImageModalLocale.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Utility/ImageModalLocale.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Utility/ImageModalLocale.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -1,5 +1,5 @@
 <!-- components/ImageModal.vue -->
 <script lang="ts">
-import {userStore} from '@/PiniaStores/UserStore'
+import { userStore } from '@/PiniaStores/UserStore'
 
 export default {
@@ -8,5 +8,4 @@
     startIndex: { type: Number, default: 0 },
     show: { type: Boolean, default: false },
-
   },
   emits: ['close', 'remove-image'], // Added 'remove-image' emit
@@ -15,19 +14,27 @@
     return {
       activeIndex: this.startIndex,
-      userStore_: userStore()
-    };
+      userStore_: userStore(),
+    }
   },
   computed: {
     activeImage() {
-      if (!this.images || this.images.length === 0) return '';
-      return this.images[this.activeIndex];
+      if (!this.images || this.images.length === 0) return ''
+      return this.images[this.activeIndex]
     },
     // --- NEW: A computed property to easily check the role ---
   },
   methods: {
-    closeModal() { this.$emit('close'); },
-    selectImage(index) { this.activeIndex = index; },
-    nextImage() { this.activeIndex = (this.activeIndex + 1) % this.images.length; },
-    prevImage() { this.activeIndex = (this.activeIndex - 1 + this.images.length) % this.images.length; },
+    closeModal() {
+      this.$emit('close')
+    },
+    selectImage(index) {
+      this.activeIndex = index
+    },
+    nextImage() {
+      this.activeIndex = (this.activeIndex + 1) % this.images.length
+    },
+    prevImage() {
+      this.activeIndex = (this.activeIndex - 1 + this.images.length) % this.images.length
+    },
 
     // --- NEW: Method to handle image removal ---
@@ -41,7 +48,11 @@
   },
   watch: {
-    show(newValue) { if (newValue) { this.activeIndex = this.startIndex; } },
-  },
-};
+    show(newValue) {
+      if (newValue) {
+        this.activeIndex = this.startIndex
+      }
+    },
+  },
+}
 </script>
 
@@ -57,14 +68,34 @@
           <template v-if="images.length > 1">
             <button @click.stop="prevImage" class="nav-arrow prev">
-              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
-                <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5 8.25 12l7.5-7.5" />
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                fill="none"
+                viewBox="0 0 24 24"
+                stroke-width="1.5"
+                stroke="currentColor"
+                class="size-6"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  d="M15.75 19.5 8.25 12l7.5-7.5"
+                />
               </svg>
-
             </button>
             <button @click.stop="nextImage" class="nav-arrow next">
-              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
-                <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" />
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                fill="none"
+                viewBox="0 0 24 24"
+                stroke-width="1.5"
+                stroke="currentColor"
+                class="size-6"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  d="m8.25 4.5 7.5 7.5-7.5 7.5"
+                />
               </svg>
-
             </button>
           </template>
@@ -199,6 +230,6 @@
 .nav-arrow {
   position: absolute;
-/*  top: 50%;*/
-/*  transform: translateY(-50%);*/ /*Here this css is not needed because align items from parent flex does the job for you,
+  /*  top: 50%;*/
+  /*  transform: translateY(-50%);*/ /*Here this css is not needed because align items from parent flex does the job for you,
                                      If you agg 50% top this takes priority and now you have to add a translateY -50% to make it perfectly vertical*/
   background-color: rgba(0, 0, 0, 0.4);
Index: ReserveNGo-frontend/src/components/Project/Utility/LeftArrow.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Utility/LeftArrow.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Utility/LeftArrow.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -1,5 +1,12 @@
 <template>
   <svg xmlns="http://www.w3.org/2000/svg" width="1.2em" height="1.2em" viewBox="0 0 24 24">
-    <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m15 6l-6 6l6 6" />
+    <path
+      fill="none"
+      stroke="currentColor"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="2"
+      d="m15 6l-6 6l6 6"
+    />
   </svg>
 </template>
Index: ReserveNGo-frontend/src/components/Project/Utility/ManagerFileInput.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Utility/ManagerFileInput.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Utility/ManagerFileInput.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -14,5 +14,5 @@
     <!-- 2. This black button acts as a label. Clicking it triggers the hidden input. -->
     <label :for="inputId" class="btn btn-dark">
-      {{leftButtonText}}
+      {{ leftButtonText }}
     </label>
 
@@ -69,5 +69,5 @@
       type: Boolean,
       default: false,
-    }
+    },
   },
   emits: ['file-sent'],
@@ -76,10 +76,10 @@
       selectedFile: null,
       isRightButtonDisabled: true,
-    };
+    }
   },
   computed: {
     // A computed property to dynamically show the correct text in the middle.
     fileNameDisplay() {
-      return this.selectedFile ? this.selectedFile.name : this.defaultText;
+      return this.selectedFile ? this.selectedFile.name : this.defaultText
     },
   },
@@ -87,27 +87,27 @@
     // This method runs when a user selects a file from the dialog.
     handleFileChange(event) {
-      const file = event.target.files[0];
+      const file = event.target.files[0]
 
-      // If user cancels the file dialog, do nothing.
-      if (!file) return;
+      // If a user cancels the file dialog, do nothing.
+      if (!file) return
 
-      this.selectedFile = file;
-      this.isRightButtonDisabled = false; // Enable the right button
+      this.selectedFile = file
+      this.isRightButtonDisabled = false // Enable the right button
       // --- This section handles the live image preview ---
       // It only runs if a previewElementId was passed in props.
       if (this.previewElementId && file.type.startsWith('image/')) {
-        const previewElement = document.getElementById(this.previewElementId);
+        const previewElement = document.getElementById(this.previewElementId)
 
         if (previewElement) {
-          const reader = new FileReader();
+          const reader = new FileReader()
           reader.onload = (e) => {
             // Sets the 'src' attribute of the image tag to the new file data
-            previewElement.src = e.target.result;
-          };
-          reader.readAsDataURL(file);
+            previewElement.src = e.target.result
+          }
+          reader.readAsDataURL(file)
         } else {
           console.warn(
-            `[CustomFileInput] Preview element with ID '${this.previewElementId}' was not found in the DOM.`
-          );
+            `[CustomFileInput] Preview element with ID '${this.previewElementId}' was not found in the DOM.`,
+          )
         }
       }
@@ -116,28 +116,26 @@
     // This method runs when the user clicks the right-side button.
     handleRightButtonClick() {
-      if (this.isRightButtonDisabled) return;
+      if (this.isRightButtonDisabled) return
       if (this.previewElementId) {
-
-        const previewElement = document.getElementById(this.previewElementId);
+        const previewElement = document.getElementById(this.previewElementId)
         if (previewElement) {
-          previewElement.src = '';
+          previewElement.src = ''
         }
       }
-      this.$emit('file-sent', this.selectedFile); // Notify the parent that the file was removed
+      this.$emit('file-sent', this.selectedFile) // Notify the parent that the file was removed
     },
     reset() {
-      this.selectedFile = null;
-      this.isRightButtonDisabled = true;
-      this.$refs.fileInput.value = '';
+      this.selectedFile = null
+      this.isRightButtonDisabled = true
+      this.$refs.fileInput.value = ''
       if (this.previewElementId) {
-        const previewElement = document.getElementById(this.previewElementId);
+        const previewElement = document.getElementById(this.previewElementId)
         if (previewElement) {
-          previewElement.src = '';
+          previewElement.src = ''
         }
       }
     },
   },
-
-};
+}
 </script>
 
@@ -156,5 +154,6 @@
   border-radius: 0.375rem; /* Bootstrap's standard border-radius */
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); /* The border shadow */
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+    sans-serif;
 }
 
Index: ReserveNGo-frontend/src/components/Project/Utility/PhotosGridSystem.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Utility/PhotosGridSystem.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Utility/PhotosGridSystem.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -1,13 +1,11 @@
 <script lang="ts">
-
 import { PropType } from 'vue'
 
-import pankake from '@/components/ectd/easy-american-pancake-recipe.jpg'
+import pancake from '@/components/ectd/easy-american-pancake-recipe.jpg'
 
 export default {
-
   data() {
     return {
-      pankake: pankake,
+      pancake: pancake,
     }
   },
@@ -16,14 +14,11 @@
       type: Array,
       required: false,
-
     },
     openImageModal: {
       type: Function as PropType<(imageIndex: number, secondRow?: boolean) => void>,
-      required: true
-    }
+      required: true,
+    },
   },
-
 }
-
 </script>
 
@@ -32,9 +27,23 @@
     <!-- Top row with 2 images -->
     <div class="grid-row-top">
-      <img @click="openImageModal(index)" class="grid-image" v-for="(image, index) in images.slice(0, 2)" :key="index" :src="image" alt="">
+      <img
+        @click="openImageModal(index)"
+        class="grid-image"
+        v-for="(image, index) in images.slice(0, 2)"
+        :key="index"
+        :src="image"
+        alt=""
+      />
     </div>
     <!-- Bottom row with 3 images -->
     <div class="grid-row-bottom">
-      <img @click="openImageModal(index, true)" class="grid-image" v-for="(image, index) in images.slice(2, 5)" :key="index" :src="image" alt="">
+      <img
+        @click="openImageModal(index, true)"
+        class="grid-image"
+        v-for="(image, index) in images.slice(2, 5)"
+        :key="index"
+        :src="image"
+        alt=""
+      />
     </div>
   </div>
@@ -58,5 +67,5 @@
   grid-template-columns: 1fr 1fr;
   gap: 0.5rem; /* This handles the space between the images perfectly */
- /* grid-auto-rows: 50px;*/
+  /* grid-auto-rows: 50px;*/
 }
 
@@ -67,5 +76,4 @@
   gap: 0.5rem; /* This handles the space between the images perfectly */
 }
-
 
 /* --- SHARED STYLES FOR IMAGES & RESPONSIVENESS --- */
@@ -90,3 +98,4 @@
     display: none;
   }
-}</style>
+}
+</style>
Index: ReserveNGo-frontend/src/components/Project/Utility/PlusAddImage.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Utility/PlusAddImage.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Utility/PlusAddImage.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -1,45 +1,33 @@
 <script lang="ts">
-
-
 export default {
   data() {
     return {
       isProfileImageButtonDisabled: true,
-
     }
   },
-  methods: {
-
-  },
+  methods: {},
   mounted() {
-    this.isProfileImageButtonDisabled = true;
-    const logoLocalePicture = document.getElementById('logoLocalePicture');
-    const inputProfilePicture = document.getElementById('logoPhotoInput');
+    this.isProfileImageButtonDisabled = true
+    const logoLocalePicture = document.getElementById('logoLocalePicture')
+    const inputProfilePicture = document.getElementById('logoPhotoInput')
 
     inputProfilePicture.addEventListener('change', (event) => {
-      this.isProfileImageButtonDisabled = false;
+      this.isProfileImageButtonDisabled = false
 
-      const file = event.target.files[0];
+      const file = event.target.files[0]
       if (file && file.type.startsWith('image/')) {
-        const reader = new FileReader();
+        const reader = new FileReader()
         reader.onload = (e) => {
-          logoLocalePicture.src = e.target.result;
-        };
-        reader.readAsDataURL(file);
+          logoLocalePicture.src = e.target.result
+        }
+        reader.readAsDataURL(file)
       }
-    });
-
+    })
   },
 }
-
 </script>
 
 <template>
-  <input
-    type="file"
-    id="logoPhotoInput"
-    class=""
-    accept="image/*"
-  />
+  <input type="file" id="logoPhotoInput" class="" accept="image/*" />
 
   <label
@@ -52,5 +40,3 @@
 </template>
 
-<style scoped>
-
-</style>
+<style scoped></style>
Index: ReserveNGo-frontend/src/components/Project/Utility/PopUpAlertIcon.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Utility/PopUpAlertIcon.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Utility/PopUpAlertIcon.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -1,5 +1,10 @@
 <template>
   <svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" viewBox="0 0 24 24">
-    <path fill="currentColor" fill-rule="evenodd" d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10s10-4.477 10-10S17.523 2 12 2m0 5a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1m1 9a1 1 0 1 0-2 0a1 1 0 1 0 2 0" clip-rule="evenodd" />
+    <path
+      fill="currentColor"
+      fill-rule="evenodd"
+      d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10s10-4.477 10-10S17.523 2 12 2m0 5a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1m1 9a1 1 0 1 0-2 0a1 1 0 1 0 2 0"
+      clip-rule="evenodd"
+    />
   </svg>
 </template>
Index: ReserveNGo-frontend/src/components/Project/Utility/PopUpWindow.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Utility/PopUpWindow.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Utility/PopUpWindow.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -7,17 +7,14 @@
     isHoveringAlert: {
       type: Boolean,
-    }
-  }
+    },
+  },
 })
 </script>
 
 <template>
-
   <div :class="isHoveringAlert ? 'displayed' : 'hidden'" id="component"><slot></slot></div>
-
 </template>
 
 <style scoped>
-
 #component {
   color: black;
@@ -40,5 +37,3 @@
   display: none;
 }
-
-
 </style>
Index: ReserveNGo-frontend/src/components/Project/Utility/RightArrow.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Utility/RightArrow.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Utility/RightArrow.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -1,5 +1,12 @@
 <template>
   <svg xmlns="http://www.w3.org/2000/svg" width="1.2em" height="1.2em" viewBox="0 0 24 24">
-    <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 6l6 6l-6 6" />
+    <path
+      fill="none"
+      stroke="currentColor"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="2"
+      d="m9 6l6 6l-6 6"
+    />
   </svg>
 </template>
Index: ReserveNGo-frontend/src/components/Project/Utility/ToastContainer.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Utility/ToastContainer.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Utility/ToastContainer.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -14,6 +14,6 @@
 
 <script>
-import ToastNotification from './ToastNotification.vue';
-import {useToasts} from '@/composables/useToast.js'
+import ToastNotification from './ToastNotification.vue'
+import { useToasts } from '@/composables/useToast.js'
 
 export default {
@@ -21,12 +21,12 @@
   components: { ToastNotification },
   setup() {
-    const { toasts, removeToast } = useToasts();
+    const { toasts, removeToast } = useToasts()
 
     return {
       toasts,
       removeToast,
-    };
+    }
   },
-};
+}
 </script>
 
Index: ReserveNGo-frontend/src/components/Project/Utility/ToastNotification.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Utility/ToastNotification.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Utility/ToastNotification.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -2,8 +2,5 @@
   <div :class="['toast-notification', `toast--${type}`]">
     <span class="toast-message">{{ message }}</span>
-    <div
-      class="toast-timer"
-      :style="{ animationDuration: `${duration}ms` }"
-    ></div>
+    <div class="toast-timer" :style="{ animationDuration: `${duration}ms` }"></div>
   </div>
 </template>
@@ -21,8 +18,8 @@
   mounted() {
     setTimeout(() => {
-      this.$emit('dismiss', this.id);
-    }, this.duration);
+      this.$emit('dismiss', this.id)
+    }, this.duration)
   },
-};
+}
 </script>
 
Index: ReserveNGo-frontend/src/components/Project/Worker/WorkerReservationsDashboard.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Worker/WorkerReservationsDashboard.vue	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/components/Project/Worker/WorkerReservationsDashboard.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -95,5 +95,5 @@
         await useLocalWorker.deleteReservations({ reservationIds: this.selectedIds })
         const set = new Set(this.selectedIds)
-        this.reservations = this.reservations.filter(r => !set.has(r.reservationId))
+        this.reservations = this.reservations.filter((r) => !set.has(r.reservationId))
         this.showToast('Selected reservations deleted successfully.', 'success')
         this.cancelSelection()
@@ -206,5 +206,9 @@
       <div class="ms-auto">
         <template v-if="!selectionMode">
-          <button class="btn btn-outline-danger btn-sm" @click="startSelection" :disabled="filteredReservations.length===0">
+          <button
+            class="btn btn-outline-danger btn-sm"
+            @click="startSelection"
+            :disabled="filteredReservations.length === 0"
+          >
             <i class="fas fa-trash-alt me-1"></i> Delete Reservations
           </button>
@@ -212,10 +216,23 @@
         <template v-else>
           <div class="btn-group">
-            <button class="btn btn-danger btn-sm" :disabled="selectedIds.length===0 || deletingSelected" @click="confirmDeleteSelected">
-              <span v-if="deletingSelected" class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true"></span>
+            <button
+              class="btn btn-danger btn-sm"
+              :disabled="selectedIds.length === 0 || deletingSelected"
+              @click="confirmDeleteSelected"
+            >
+              <span
+                v-if="deletingSelected"
+                class="spinner-border spinner-border-sm me-1"
+                role="status"
+                aria-hidden="true"
+              ></span>
               <i v-else class="fas fa-check me-1"></i>
               Confirm delete ({{ selectedIds.length }})
             </button>
-            <button class="btn btn-secondary btn-sm" :disabled="deletingSelected" @click="cancelSelection">
+            <button
+              class="btn btn-secondary btn-sm"
+              :disabled="deletingSelected"
+              @click="cancelSelection"
+            >
               Cancel
             </button>
@@ -230,5 +247,5 @@
         <thead class="table-light">
           <tr>
-            <th v-if="selectionMode" style="width: 48px;">Select</th>
+            <th v-if="selectionMode" style="width: 48px">Select</th>
             <th style="cursor: pointer" @click="sortBy('customerName')">
               Customer
@@ -245,7 +262,7 @@
             </th>
 
-            <th style="cursor: pointer" @click="sortBy('tableNumber')">
-              Table
-              <span v-if="sortKey === 'tableNumber'">
+            <th style="cursor: pointer" @click="sortBy('tableCapacity')">
+              Capacity
+              <span v-if="sortKey === 'tableCapacity'">
                 {{ sortOrder === 'asc' ? '↑' : '↓' }}
               </span>
@@ -266,9 +283,14 @@
           <tr v-for="reservation in filteredReservations" :key="reservation.reservationId">
             <td v-if="selectionMode">
-              <input type="checkbox" class="form-check-input" :checked="selectedIds.includes(reservation.reservationId)" @change="toggleSelect(reservation)" />
+              <input
+                type="checkbox"
+                class="form-check-input"
+                :checked="selectedIds.includes(reservation.reservationId)"
+                @change="toggleSelect(reservation)"
+              />
             </td>
             <td>{{ reservation.customerName }}</td>
             <td>{{ formatDate(reservation.timeOfReservation) }}</td>
-            <td>{{ reservation.tableNumber }}</td>
+            <td>{{ reservation.tableCapacity }}</td>
             <td>
               <span class="badge bg-secondary">
@@ -313,5 +335,7 @@
 
           <tr v-if="filteredReservations.length === 0">
-            <td :colspan="selectionMode ? 6 : 5" class="text-center text-muted py-4">No reservations found.</td>
+            <td :colspan="selectionMode ? 6 : 5" class="text-center text-muted py-4">
+              No reservations found.
+            </td>
           </tr>
         </tbody>
Index: serveNGo-frontend/src/components/__tests__/HelloWorld.spec.js
===================================================================
--- ReserveNGo-frontend/src/components/__tests__/HelloWorld.spec.js	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ 	(revision )
@@ -1,11 +1,0 @@
-import { describe, it, expect } from 'vitest'
-
-import { mount } from '@vue/test-utils'
-import HelloWorld from '../HelloWorld.vue'
-
-describe('HelloWorld', () => {
-  it('renders properly', () => {
-    const wrapper = mount(HelloWorld, { props: { msg: 'Hello Vitest' } })
-    expect(wrapper.text()).toContain('Hello Vitest')
-  })
-})
Index: serveNGo-frontend/src/components/interface/Interfaces.js
===================================================================
--- ReserveNGo-frontend/src/components/interface/Interfaces.js	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ 	(revision )
@@ -1,14 +1,0 @@
-/*
-
-class CustomError extends Error {
-
-
-
-  constructor(message) {
-    super(message)
-  }
-
-
-
-}
-a*/
Index: ReserveNGo-frontend/src/composables/useToast.js
===================================================================
--- ReserveNGo-frontend/src/composables/useToast.js	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/composables/useToast.js	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -1,8 +1,8 @@
-import { readonly, reactive } from 'vue';
+import { readonly, reactive } from 'vue'
 
-const toasts = reactive([]);
+const toasts = reactive([])
 
 function showToast(message, type = 'success', duration = 5000) {
-  const id = Date.now() + Math.random();
+  const id = Date.now() + Math.random()
 
   toasts.push({
@@ -11,11 +11,11 @@
     type,
     duration,
-  });
+  })
 }
 
 function removeToast(id) {
-  const index = toasts.findIndex(toast => toast.id === id);
+  const index = toasts.findIndex((toast) => toast.id === id)
   if (index > -1) {
-    toasts.splice(index, 1);
+    toasts.splice(index, 1)
   }
 }
@@ -26,4 +26,4 @@
     showToast,
     removeToast,
-  };
+  }
 }
Index: ReserveNGo-frontend/src/constants/Api_config.js
===================================================================
--- ReserveNGo-frontend/src/constants/Api_config.js	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/constants/Api_config.js	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -31,9 +31,7 @@
 const API_ORIGIN = buildBaseUrl(RAW_BASE, RAW_PORT)
 
-
-
 export const config = {
   API_BASE_URL: API_ORIGIN,
   API_LISTEN_PORT: RAW_PORT,
 }
-console.log("API_ORIGIN",config)
+console.log('API_ORIGIN', config)
Index: ReserveNGo-frontend/src/main.js
===================================================================
--- ReserveNGo-frontend/src/main.js	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/main.js	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -1,8 +1,5 @@
-//import './assets/main.css'
-
 import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import vue3GoogleLogin from 'vue3-google-login'
-
 
 import App from './App.vue'
Index: serveNGo-frontend/src/mixins/userControl.js
===================================================================
--- ReserveNGo-frontend/src/mixins/userControl.js	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ 	(revision )
@@ -1,25 +1,0 @@
-/*
-
-import { userStore } from '../PiniaStores/UserStore.js'
-
-const userStore_ = userStore()
-
-export default {
-
-  async editSettings() {
-
-    fetch(`http://localhost:8080/api/customer/favourite-locals`, {
-      method: 'GET',
-      headers: {
-        Authorization: this.userStore_.getToken,
-      },
-    })
-      .then((res) => res.json())
-      .then((data) => (this.locals = data))
-      .catch((err) => console.log(err))
-
-  }
-
-
-}
-*/
Index: ReserveNGo-frontend/src/repository/Admin.ts
===================================================================
--- ReserveNGo-frontend/src/repository/Admin.ts	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/repository/Admin.ts	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -22,5 +22,5 @@
   }
 
-  fetchRestaurants() : Promise<any>  {
+  fetchRestaurants(): Promise<any> {
     return this.httpClient.get('locals')
   }
@@ -43,3 +43,3 @@
 }
 
-export const useAdmin = new Admin(BASE_API_URL + '/api/admin', )
+export const useAdmin = new Admin(BASE_API_URL + '/api/admin')
Index: ReserveNGo-frontend/src/repository/Authentication.ts
===================================================================
--- ReserveNGo-frontend/src/repository/Authentication.ts	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/repository/Authentication.ts	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -1,3 +1,2 @@
-import { ApiClient } from '@/Api_Classes/ApiClient'
 import { config } from '@/constants/Api_config'
 import { HttpClient } from '@/Api_Classes/HttpClient'
@@ -12,5 +11,5 @@
   }
 
-  makeLogin(email: String, password: String) : Promise<any> {
+  makeLogin(email: String, password: String): Promise<any> {
     return this.httpClient.post('login', { email, password })
   }
@@ -27,15 +26,18 @@
     password: String,
     role: String,
-    inviteToken?: String
+    inviteToken?: String,
   ) {
-    return this.httpClient.post("register/" + role, { firstName, lastName, email, phoneNumber, password }, {headers: {'Invite-Token': inviteToken} })
+    return this.httpClient.post(
+      'register/' + role,
+      { firstName, lastName, email, phoneNumber, password },
+      { headers: { 'Invite-Token': inviteToken } },
+    )
   }
-  verifyAccount(email: String, verificationCode: String) : Promise<any> {
+  verifyAccount(email: String, verificationCode: String): Promise<any> {
     return this.httpClient.patch('verify', { email, verificationCode })
   }
-  reEnableAccount(email: String, password: String) : Promise<any> {
+  reEnableAccount(email: String, password: String): Promise<any> {
     return this.httpClient.patch('enable', { email, password })
   }
-
 
   googleRegister(role: String, googleIdToken: String, inviteToken?: String): Promise<any> {
Index: ReserveNGo-frontend/src/repository/Events.ts
===================================================================
--- ReserveNGo-frontend/src/repository/Events.ts	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/repository/Events.ts	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -14,5 +14,4 @@
     return this.httpClient.get()
   }
-
 }
 
Index: ReserveNGo-frontend/src/repository/LocalManager.ts
===================================================================
--- ReserveNGo-frontend/src/repository/LocalManager.ts	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/repository/LocalManager.ts	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -12,25 +12,25 @@
 
   getMyLocal(): Promise<any> {
-    return this.httpClient.get('my-local');
+    return this.httpClient.get('my-local')
   }
 
   getLocalWorkers(): Promise<any[]> {
-    return this.httpClient.get('local-workers');
+    return this.httpClient.get('local-workers')
   }
 
   getAvailableWorkers(): Promise<any[]> {
-    return this.httpClient.get('workers');
+    return this.httpClient.get('workers')
   }
 
   assignWorker(workerId: string): Promise<any> {
-    return this.httpClient.post(`assign/${workerId}`, {});
+    return this.httpClient.post(`assign/${workerId}`, {})
   }
 
   removeWorker(workerId: string): Promise<any> {
-    return this.httpClient.delete(`remove/${workerId}`);
+    return this.httpClient.delete(`remove/${workerId}`)
   }
 
   changeWorkerPosition(workerId: string, position: string): Promise<any> {
-    return this.httpClient.put(`change-position/${workerId}`, { position });
+    return this.httpClient.put(`change-position/${workerId}`, { position })
   }
 
@@ -41,9 +41,9 @@
     return this.httpClient.upload('upload-photo', formData)
   }
-  deletePhoto(photoUrls : Object): Promise<any> {
+  deletePhoto(photoUrls: Object): Promise<any> {
     return this.httpClient.delete('delete-photos', photoUrls)
   }
   saveDetailChanges(payload): Promise<any> {
-    return this.httpClient.put('my-local/edit', payload);
+    return this.httpClient.put('my-local/edit', payload)
   }
   addEvent(formData: FormData): Promise<any> {
@@ -56,5 +56,5 @@
     return this.httpClient.delete(`delete-event/${eventId}`)
   }
-  inviteWorker(newEmail: string) : Promise<any> {
+  inviteWorker(newEmail: string): Promise<any> {
     return this.httpClient.post('invite-worker', { newEmail })
   }
Index: ReserveNGo-frontend/src/repository/Locale.ts
===================================================================
--- ReserveNGo-frontend/src/repository/Locale.ts	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/repository/Locale.ts	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -3,8 +3,4 @@
 
 const BASE_API_URL = config.API_BASE_URL
-
-/*
-console.warn("THIS IS THE BASE URL",BASE_API_URL)
-*/
 
 class Locale {
@@ -16,5 +12,6 @@
 
   getLocals(name?: string, sortBy?: string, direction?: string, isOpen?: boolean) {
-    if (name || sortBy || direction) return this.httpClient.get("", { queryParams: { name, sortBy, direction, isOpen } })
+    if (name || sortBy || direction)
+      return this.httpClient.get('', { queryParams: { name, sortBy, direction, isOpen } })
     else return this.httpClient.get()
   }
@@ -22,6 +19,5 @@
     return this.httpClient.get(`${localeId}`)
   }
-
 }
 
-export const useLocales = new Locale(BASE_API_URL + '/api/locals', )
+export const useLocales = new Locale(BASE_API_URL + '/api/locals')
Index: ReserveNGo-frontend/src/repository/Reservations.ts
===================================================================
--- ReserveNGo-frontend/src/repository/Reservations.ts	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/repository/Reservations.ts	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -5,14 +5,10 @@
 
 export type CreateReservationDTO = {
-  timeOfReservation: string // ISO string
+  timeOfReservation: string
   capacity: number
   description?: string
 }
 
-export type ReservationStatus =
-  | 'PENDING'
-  | 'CONFIRMED'
-  | 'CANCELLED'
-  | string
+export type ReservationStatus = 'PENDING' | 'CONFIRMED' | 'CANCELLED' | string
 
 export type DisplayReservationDTO = {
@@ -44,5 +40,5 @@
 
   // POST /api/reservations/make-reservation
-  makeReservation( dto: CreateReservationDTO, localId: number ): Promise<any> {
+  makeReservation(dto: CreateReservationDTO, localId: number): Promise<any> {
     return this.httpClient.post(`${localId}/create`, dto)
   }
@@ -77,3 +73,5 @@
 }
 
-export const useReservations = new ReservationsRepository(BASE_API_URL + '/api/customer/reservations')
+export const useReservations = new ReservationsRepository(
+  BASE_API_URL + '/api/customer/reservations',
+)
Index: ReserveNGo-frontend/src/repository/user.ts
===================================================================
--- ReserveNGo-frontend/src/repository/user.ts	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/repository/user.ts	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -11,30 +11,33 @@
   }
 
-
   getProfile(): Promise<any> {
-    return this.httpClient.get('profile');
+    return this.httpClient.get('profile')
   }
 
-  updateProfile(payload: { firstName: string; lastName: string; phoneNumber: string }): Promise<any> {
-    return this.httpClient.put('edit', payload);
+  updateProfile(payload: {
+    firstName: string
+    lastName: string
+    phoneNumber: string
+  }): Promise<any> {
+    return this.httpClient.put('edit', payload)
   }
 
   changeEmail(payload: { newEmail: string }): Promise<any> {
-    return this.httpClient.patch('change-email', payload);
+    return this.httpClient.patch('change-email', payload)
   }
 
   changePassword(payload: { currentPassword: string; newPassword: string }): Promise<any> {
-    return this.httpClient.patch('change-password', payload);
+    return this.httpClient.patch('change-password', payload)
   }
 
   uploadAvatar(formData: FormData): Promise<any> {
-    return this.httpClient.upload('upload-avatar', formData);
+    return this.httpClient.upload('upload-avatar', formData)
   }
 
   deleteAvatar(): Promise<any> {
-    return this.httpClient.delete('delete-avatar');
+    return this.httpClient.delete('delete-avatar')
   }
   disableUserAccount(): Promise<any> {
-    return this.httpClient.patch('disable');
+    return this.httpClient.patch('disable')
   }
 }
Index: ReserveNGo-frontend/src/repository/utility.ts
===================================================================
--- ReserveNGo-frontend/src/repository/utility.ts	(revision a23d112105072dfce8b11d0992c822930ec3a3b9)
+++ ReserveNGo-frontend/src/repository/utility.ts	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
@@ -2,23 +2,15 @@
 import { config } from '@/constants/Api_config'
 
-const BASE_API_URL =  config.API_BASE_URL
+const BASE_API_URL = config.API_BASE_URL
 
 class Utility extends ApiClient {
-  private readonly endpoint: string
-
-  constructor(baseUrl : string) {
+  constructor(baseUrl: string) {
     super(baseUrl)
   }
 
-  fetchImageBase64(imagePath : string) : Promise<any> {
-    return this.httpClient.fetchImageAsBase64(imagePath);
+  fetchImageBase64(imagePath: string): Promise<any> {
+    return this.httpClient.fetchImageAsBase64(imagePath)
   }
-
-
-
-
-
 }
 
-
 export const useUtility = new Utility(BASE_API_URL)
