diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 3fa29343..2bc3f3b6 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -30,7 +30,7 @@
     "/chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/database~chunks/email-veri~2c1222b7.js": "/chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/database~chunks/email-veri~2c1222b7.js?id=5963f5d9fb4e759c600a",
     "/chunks/billing.js": "/chunks/billing.js?id=d447a1d429f6076777ae",
     "/chunks/billings-detail.js": "/chunks/billings-detail.js?id=0ffe43f76a33278ce1b8",
-    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.js?id=cb4a650a91230e3d2abe",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.js?id=4714188c1549bd8829ab",
     "/chunks/billing~chunks/settings-storage~chunks/user-storage~chunks/user-subscription.js": "/chunks/billing~chunks/settings-storage~chunks/user-storage~chunks/user-subscription.js?id=669bd6d15cfa4c6e75df",
     "/chunks/contact-us.js": "/chunks/contact-us.js?id=b3feaa361fc486e6a0b3",
     "/chunks/contact-us~chunks/dynamic-page~chunks/homepage.js": "/chunks/contact-us~chunks/dynamic-page~chunks/homepage.js?id=65ee559ca803555be568",
@@ -105,5 +105,88 @@
     "/vendors~chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunk~40ccbae3.js": "/vendors~chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunk~40ccbae3.js?id=ab29ab0a0c2d5a40b39d",
     "/vendors~chunks/admin~chunks/platform~chunks/settings~chunks/shared.js": "/vendors~chunks/admin~chunks/platform~chunks/settings~chunks/shared.js?id=a0fa80db175709ba340a",
     "/vendors~chunks/settings.js": "/vendors~chunks/settings.js?id=5bf155d80b2fb871ec84",
-    "/js/main.75374c7ecbf6875fc7d5.hot-update.js": "/js/main.75374c7ecbf6875fc7d5.hot-update.js"
+    "/js/main.75374c7ecbf6875fc7d5.hot-update.js": "/js/main.75374c7ecbf6875fc7d5.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.623c44ea0446318eed04.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.623c44ea0446318eed04.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.06dcabd2673a7a2e61c0.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.06dcabd2673a7a2e61c0.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.9a7e72e1e4c759fcf567.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.9a7e72e1e4c759fcf567.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.b90144b9aa071ee73819.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.b90144b9aa071ee73819.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.ebd2a1a3d0a72d2864c0.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.ebd2a1a3d0a72d2864c0.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.32fcec1912125d6e9cae.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.32fcec1912125d6e9cae.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.d9da502d87820a53f857.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.d9da502d87820a53f857.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.6abf6c3860300f70a1a4.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.6abf6c3860300f70a1a4.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.c6ddd6e769a2fc9a3a34.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.c6ddd6e769a2fc9a3a34.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.1597df083b00eb8ceac3.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.1597df083b00eb8ceac3.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.14ebf08192459a7a4eaa.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.14ebf08192459a7a4eaa.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.c6f452fb193b5d7c1885.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.c6f452fb193b5d7c1885.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.6c580eceaf96e6b6f95c.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.6c580eceaf96e6b6f95c.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.90b2b8b1f42d50068a9b.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.90b2b8b1f42d50068a9b.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.f324d7e6a32adc7f10c1.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.f324d7e6a32adc7f10c1.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.00ae09e173673867a5c9.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.00ae09e173673867a5c9.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.2c03850a783ce259ef0a.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.2c03850a783ce259ef0a.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.a5a58222070c4ac269c4.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.a5a58222070c4ac269c4.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.b665e995d2264927131d.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.b665e995d2264927131d.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.3ea2f41c028fc894816c.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.3ea2f41c028fc894816c.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.553511484c8391f67437.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.553511484c8391f67437.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.1116429068713db016e4.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.1116429068713db016e4.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.0796231e93723ab4c221.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.0796231e93723ab4c221.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.b2edadbb154c6ced6e36.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.b2edadbb154c6ced6e36.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.c243a5d1a9e559a6c6d3.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.c243a5d1a9e559a6c6d3.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.41dc2cf2a003b40dc65b.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.41dc2cf2a003b40dc65b.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.4ad5f8a076f992eb26d9.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.4ad5f8a076f992eb26d9.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.ae5eeb1bd0fef8100229.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.ae5eeb1bd0fef8100229.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.8d87081dab58c972a839.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.8d87081dab58c972a839.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.59e98d406e6fe6ef8768.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.59e98d406e6fe6ef8768.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.7d15bac4ee3850817b61.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.7d15bac4ee3850817b61.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.80974411e396ff82355a.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.80974411e396ff82355a.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.ebed2ebc91e66c6da598.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.ebed2ebc91e66c6da598.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.bc78d1c5a3aaeeb6bcaa.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.bc78d1c5a3aaeeb6bcaa.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.4154099b909172844b47.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.4154099b909172844b47.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.f6591753058b286fc5c8.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.f6591753058b286fc5c8.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.38e329fabc06fc0fb6eb.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.38e329fabc06fc0fb6eb.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.13f8a572b6932faad345.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.13f8a572b6932faad345.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.4a5586cf00f338279f15.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.4a5586cf00f338279f15.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.bcfcb3549715bcf55668.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.bcfcb3549715bcf55668.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.9c747a680e405ce55a4e.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.9c747a680e405ce55a4e.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.d5180d8b0503db5bd338.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.d5180d8b0503db5bd338.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.177d87dff97ead7bb9e7.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.177d87dff97ead7bb9e7.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.8eda2073c1f73c93d97b.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.8eda2073c1f73c93d97b.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.2021418ae2b1aa6f1ec8.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.2021418ae2b1aa6f1ec8.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.70082577a21707b63de0.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.70082577a21707b63de0.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.11c53c60b27538ae6e83.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.11c53c60b27538ae6e83.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.2a6f546239f68f30464a.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.2a6f546239f68f30464a.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.27e28899972b7db4a491.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.27e28899972b7db4a491.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.fc1ca61ba8fa8c0d2ec1.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.fc1ca61ba8fa8c0d2ec1.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.694e28405179a1ce4173.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.694e28405179a1ce4173.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.c0ea8d50e935d9dc0a6b.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.c0ea8d50e935d9dc0a6b.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.77788b4a7d3a7ddd6d17.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.77788b4a7d3a7ddd6d17.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.8902e064ebad387920c3.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.8902e064ebad387920c3.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.b675b8bb5b6a3ff6aebf.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.b675b8bb5b6a3ff6aebf.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.f9cfe1f65b5399a66c36.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.f9cfe1f65b5399a66c36.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.dcba1103c86f21454f29.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.dcba1103c86f21454f29.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.93e83c03b67b6414056f.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.93e83c03b67b6414056f.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.c49ebbaa490e91dc8ebb.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.c49ebbaa490e91dc8ebb.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.4dca9597a439bbe30c80.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.4dca9597a439bbe30c80.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.7652fd26737c1c557375.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.7652fd26737c1c557375.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.1ea3abf1a68f3acc026f.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.1ea3abf1a68f3acc026f.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.9d471f2b5c13cac1c54e.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.9d471f2b5c13cac1c54e.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.bbe1876cfa856b851611.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.bbe1876cfa856b851611.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.0a025227afafe0221943.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.0a025227afafe0221943.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.274ab3b092d7396bbc06.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.274ab3b092d7396bbc06.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.21c4a0d33a2e00de4308.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.21c4a0d33a2e00de4308.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.9d3ee8199a882fe569f8.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.9d3ee8199a882fe569f8.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.882bdd81a9fdebf046f7.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.882bdd81a9fdebf046f7.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.08a5b7828d71adb1f0c7.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.08a5b7828d71adb1f0c7.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.22965b26c4dcac2a344c.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.22965b26c4dcac2a344c.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.64101b8f9028b21a29c5.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.64101b8f9028b21a29c5.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.7a1a5d92f961dafa5934.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.7a1a5d92f961dafa5934.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.60fcdf1c569a04b81dd3.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.60fcdf1c569a04b81dd3.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.5a787efe63717582c1ba.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.5a787efe63717582c1ba.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.9f0662452851b7344f53.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.9f0662452851b7344f53.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.7c245cf9fc9251def894.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.7c245cf9fc9251def894.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.a3e99f36df2659fa0f06.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.a3e99f36df2659fa0f06.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.d3f4f9b4761a56ab8048.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.d3f4f9b4761a56ab8048.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.3d46db1a9c551179eb16.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.3d46db1a9c551179eb16.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.f1d01844206078a60722.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.f1d01844206078a60722.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.db87469d452087acab14.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.db87469d452087acab14.hot-update.js",
+    "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.6cd1ab0bc3928c0d22ce.hot-update.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.6cd1ab0bc3928c0d22ce.hot-update.js"
 }
diff --git a/resources/js/components/Others/Tables/DatatableWrapper.vue b/resources/js/components/Others/Tables/DatatableWrapper.vue
index a4b63aac..c66be9f7 100644
--- a/resources/js/components/Others/Tables/DatatableWrapper.vue
+++ b/resources/js/components/Others/Tables/DatatableWrapper.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="w-full">
         <table v-if="hasData" class="w-full">
-            <thead class="">
+            <thead>
 				<tr class="whitespace-nowrap">
 					<th
 						class="text-left"
@@ -32,95 +32,96 @@
             </tbody>
         </table>
 
+		<!--Empty data slot-->
         <slot v-if="! isLoading && ! hasData" name="empty-page"></slot>
 
 		<!--Paginator-->
-        <div v-if="paginator && hasData" class="paginator-wrapper">
+        <div v-if="paginator && hasData" class="mt-6 flex justify-between items-center">
 
             <!--Show if there is only 6 pages-->
-            <ul v-if="data.meta.total > 15 && data.meta.last_page <= 6" class="pagination flex align-items">
+            <ul v-if="data.meta.total > 15 && data.meta.last_page <= 6" class="pagination flex items-center">
 
                 <!--Go previous icon-->
-                <li class="page-item previous">
-                    <a @click="goToPage(pageIndex - 1)" class="page-link" :class="{ disabled: pageIndex == 0 }">
-                        <chevron-left-icon size="14" class="icon" />
+                <li class="p-1 inline-block previous">
+                    <a @click="goToPage(pageIndex - 1)" class="page-link" :class="{ 'opacity-20 cursor-default': pageIndex === 1 }">
+                        <chevron-left-icon size="14" class="inline-block" />
                     </a>
                 </li>
 
-                <li v-for="(page, index) in data.meta.last_page" :key="index" class="page-item" @click="goToPage(page)">
-                    <a class="page-link" :class="{ active: pageIndex === page }">
+                <li v-for="(page, index) in data.meta.last_page" :key="index" class="p-1 inline-block" @click="goToPage(page)">
+                    <a class="page-link" :class="{'dark:text-gray-300 dark:bg-4x-dark-foreground bg-light-background': pageIndex === page }">
                         {{ page }}
                     </a>
                 </li>
 
 				<!--Go next icon-->
-                <li class="page-item next">
-                    <a @click="goToPage(pageIndex + 1)" class="page-link" :class="{ disabled: pageIndex + 1 == data.meta.last_page }">
-                        <chevron-right-icon size="14" class="icon" />
+                <li class="p-1 inline-block next">
+                    <a @click="goToPage(pageIndex + 1)" class="page-link" :class="{ 'opacity-20 cursor-default': pageIndex === data.meta.last_page }">
+                        <chevron-right-icon size="14" class="inline-block" />
                     </a>
                 </li>
             </ul>
 
 			<!--Show if there is more than 6 pages-->
-            <ul v-if="data.meta.total > 15 && data.meta.last_page > 6" class="pagination">
+            <ul v-if="data.meta.total > 15 && data.meta.last_page > 6" class="pagination flex items-center">
 
                 <!--Go previous icon-->
-                <li class="page-item previous">
-                    <a @click="goToPage(pageIndex - 1)" class="page-link" :class="{ disabled: pageIndex == 0 }">
-                        <chevron-left-icon size="14" class="icon" />
+                <li class="p-1 inline-block previous">
+                    <a @click="goToPage(pageIndex - 1)" class="page-link" :class="{'opacity-20 cursor-default': pageIndex === 1 }">
+                        <chevron-left-icon size="14" class="inline-block" />
                     </a>
                 </li>
 
 				<!--Show first Page-->
-                <li class="page-item" v-if="pageIndex >= 5" @click="goToPage(1)">
+                <li class="p-1 inline-block" v-if="pageIndex >= 5" @click="goToPage(1)">
                     <a class="page-link">
                         1
                     </a>
                 </li>
 
-                <li v-if="pageIndex < 5" v-for="(page, index) in 5" :key="index" class="page-item" @click="goToPage(page)">
-                    <a class="page-link" :class="{ active: pageIndex === page }">
+                <li v-if="pageIndex < 5" v-for="(page, index) in 5" :key="index" class="p-1 inline-block" @click="goToPage(page)">
+                    <a class="page-link" :class="{'dark:text-gray-300 dark:bg-4x-dark-foreground bg-light-background': pageIndex === page }">
                         {{ page }}
                     </a>
                 </li>
 
-                <li class="page-item" v-if="pageIndex >= 5">
+                <li class="p-1 inline-block" v-if="pageIndex >= 5">
                     <a class="page-link">...</a>
                 </li>
 
 				<!--Floated Pages-->
-                <li v-if="pageIndex >= 5 && pageIndex < (data.meta.last_page - 3)" v-for="(page, index) in floatPages" :key="index" class="page-item" @click="goToPage(page)">
-                    <a class="page-link" :class="{ active: pageIndex === page }">
+                <li v-if="pageIndex >= 5 && pageIndex < (data.meta.last_page - 3)" v-for="(page, index) in floatPages" :key="index" class="p-1 inline-block" @click="goToPage(page)">
+                    <a class="page-link" :class="{'dark:text-gray-300 dark:bg-4x-dark-foreground bg-light-background': pageIndex === page }">
                         {{ page }}
                     </a>
                 </li>
 
-                <li class="page-item" v-if="pageIndex < (data.meta.last_page - 3)">
+                <li class="p-1 inline-block" v-if="pageIndex < (data.meta.last_page - 3)">
                     <a class="page-link">...</a>
                 </li>
 
-                <li v-if="pageIndex > (data.meta.last_page - 4)" v-for="(page, index) in 5" :key="index" class="page-item" @click="goToPage(data.meta.last_page - (4 - index))">
-                    <a class="page-link" :class="{ active: pageIndex === (data.meta.last_page - (4 - index)) }">
+                <li v-if="pageIndex > (data.meta.last_page - 4)" v-for="(page, index) in 5" :key="index" class="p-1 inline-block" @click="goToPage(data.meta.last_page - (4 - index))">
+                    <a class="page-link" :class="{ 'dark:text-gray-300 dark:bg-4x-dark-foreground bg-light-background': pageIndex === (data.meta.last_page - (4 - index)) }">
                         {{ data.meta.last_page - (4 - index) }}
                     </a>
                 </li>
 
 				<!--Show last page-->
-                <li class="page-item" v-if="pageIndex < (data.meta.last_page - 3)" @click="goToPage(data.meta.last_page)">
+                <li class="p-1 inline-block" v-if="pageIndex < (data.meta.last_page - 3)" @click="goToPage(data.meta.last_page)">
                     <a class="page-link">
                         {{ data.meta.last_page }}
                     </a>
                 </li>
 
 				<!--Go next icon-->
-                <li class="page-item next">
-                    <a @click="goToPage(pageIndex + 1)" class="page-link" :class="{ disabled: pageIndex + 1 == data.meta.last_page }">
-                        <chevron-right-icon size="14" class="icon" />
+                <li class="p-1 inline-block next">
+                    <a @click="goToPage(pageIndex + 1)" class="page-link" :class="{ 'opacity-20 cursor-default': pageIndex === data.meta.last_page }">
+                        <chevron-right-icon size="14" class="inline-block" />
                     </a>
                 </li>
             </ul>
 
-            <span class="mt-10 flex items-center justify-between text-xs text-gray-600">
+            <span class="dark:text-gray-500 text-xs text-gray-600">
 				Showing {{ data.meta.from }} - {{ data.meta.to }} from {{ data.meta.total }} records
 			</span>
         </div>
@@ -135,7 +136,11 @@ import axios from "axios";
 export default {
 	name: 'DatatableWrapper',
 	props: [
-		'columns', 'scope', 'paginator', 'api', 'tableData'
+		'paginator',
+		'tableData',
+		'columns',
+		'scope',
+		'api',
 	],
 	components: {
 		ChevronRightIcon,
@@ -230,49 +235,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import 'resources/sass/vuefilemanager/_variables';
-@import 'resources/sass/vuefilemanager/_mixins';
-
-.page-item {
-	padding: 3px;
-	display: inline-block;
-}
-
-.page-link {
-	width: 30px;
-	height: 30px;
-	display: block;
-	color: $text;
-	border-radius: 6px;
-	text-align: center;
-	line-height: 2.4;
-	font-weight: bold;
-	font-size: 13px;
-	cursor: pointer;
-	@include transition(0.15s);
-
-	.icon {
-		vertical-align: middle;
-		margin-top: -2px;
+	.page-link {
+		@apply w-8 h-8 flex justify-center items-center block rounded-lg font-bold text-sm cursor-pointer hover:bg-light-background transition duration-200;
 	}
-
-	&:hover:not(.disabled) {
-		background: $light_background;
-		color: $text;
-	}
-
-	&.active {
-		color: $text;
-		background: $light_background;
-	}
-
-	&.disabled {
-		background: transparent;
-		cursor: default;
-
-		svg path {
-			fill: $text-muted;
-		}
-	}
-}
 </style>
\ No newline at end of file
diff --git a/src/Domain/Admin/Controllers/Users/UserController.php b/src/Domain/Admin/Controllers/Users/UserController.php
index 1e1916ae..25e18824 100644
--- a/src/Domain/Admin/Controllers/Users/UserController.php
+++ b/src/Domain/Admin/Controllers/Users/UserController.php
@@ -16,7 +16,7 @@ class UserController extends Controller
     public function index(): UsersCollection
     {
         $users = User::sortable(['created_at', 'DESC'])
-            ->paginate(20);
+            ->paginate(15);
 
         return new UsersCollection($users);
     }
diff --git a/src/Domain/Transactions/Controllers/GetTransactionsController.php b/src/Domain/Transactions/Controllers/GetTransactionsController.php
index 7eea16c0..ee017a6c 100644
--- a/src/Domain/Transactions/Controllers/GetTransactionsController.php
+++ b/src/Domain/Transactions/Controllers/GetTransactionsController.php
@@ -12,7 +12,7 @@ class GetTransactionsController extends Controller
         $transactions = Auth::user()
             ->transactions()
             ->sortable(['created_at' => 'desc'])
-            ->paginate(20);
+            ->paginate(15);
 
         return new TransactionCollection($transactions);
     }