diff --git a/frontend/.astro/types.d.ts b/frontend/.astro/types.d.ts
index 03d7cc4..f964fe0 100644
--- a/frontend/.astro/types.d.ts
+++ b/frontend/.astro/types.d.ts
@@ -1,2 +1 @@
 /// <reference types="astro/client" />
-/// <reference path="content.d.ts" />
\ No newline at end of file
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 2078c1e..c6a83f0 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -90,7 +90,8 @@
       "version": "2.12.2",
       "resolved": "https://registry.npmjs.org/@astrojs/compiler/-/compiler-2.12.2.tgz",
       "integrity": "sha512-w2zfvhjNCkNMmMMOn5b0J8+OmUaBL1o40ipMvqcG6NRpdC+lKxmTi48DT8Xw0SzJ3AfmeFLB45zXZXtmbsjcgw==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/@astrojs/internal-helpers": {
       "version": "0.7.2",
@@ -299,6 +300,7 @@
       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.4.tgz",
       "integrity": "sha512-2BCOP7TN8M+gVDj7/ht3hsaO/B/n5oDbiAyyvnRlNOs+u1o+JWNYTQrmpuNp1/Wq2gcFrI01JAW+paEKDMx/CA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.27.1",
         "@babel/generator": "^7.28.3",
@@ -831,6 +833,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=18"
       },
@@ -854,6 +857,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -3069,6 +3073,7 @@
       "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-4.1.0.tgz",
       "integrity": "sha512-uKm5PU+MHTootlWEY+mZ4vvXoCn4fLQxT9dSc1sXVMSFkINTJVN8cAQROpwcKm8bJ/c7rgZVIBWzH5T78sNZZw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "node-fetch": "^2.7.0"
       }
@@ -3122,6 +3127,7 @@
       "resolved": "https://registry.npmjs.org/@noble/ciphers/-/ciphers-1.3.0.tgz",
       "integrity": "sha512-2I0gnIVPtfnMw9ee9h1dJG7tp81+8Ob3OJb3Mv37rx5L40/b0i7djjCVvGOVqc9AEIQyvyu1i6ypKdFw8R8gQw==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": "^14.21.3 || >=16"
       },
@@ -4644,6 +4650,7 @@
       "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz",
       "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=10.0.0"
       },
@@ -4999,6 +5006,7 @@
       "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz",
       "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=10.0.0"
       },
@@ -5306,6 +5314,7 @@
       "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz",
       "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=10.0.0"
       },
@@ -6261,6 +6270,7 @@
       "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.87.4.tgz",
       "integrity": "sha512-T5GT/1ZaNsUXf5I3RhcYuT17I4CPlbZgyLxc/ZGv7ciS6esytlbjb3DgUFO6c8JWYMDpdjSWInyGZUErgzqhcA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@tanstack/query-core": "5.87.4"
       },
@@ -6442,8 +6452,7 @@
       "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
       "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
       "dev": true,
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/@types/babel__core": {
       "version": "7.20.5",
@@ -6593,6 +6602,7 @@
       "resolved": "https://registry.npmjs.org/@types/node/-/node-24.3.1.tgz",
       "integrity": "sha512-3vXmQDXy+woz+gnrTvuvNrPzekOi+Ds0ReMxw0LzBiK3a+1k0kQn9f2NWk+lgD4rJehFUmYy2gMhJ2ZI+7YP9g==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "undici-types": "~7.10.0"
       }
@@ -6611,6 +6621,7 @@
       "resolved": "https://registry.npmjs.org/@types/react/-/react-19.1.12.tgz",
       "integrity": "sha512-cMoR+FoAf/Jyq6+Df2/Z41jISvGZZ2eTlnsaJRptmZ76Caldwy1odD4xTr/gNV9VLj0AWgg/nmkevIyUfIIq5w==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "csstype": "^3.0.2"
       }
@@ -6620,6 +6631,7 @@
       "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.1.9.tgz",
       "integrity": "sha512-qXRuZaOsAdXKFyOhRBg6Lqqc0yay13vN7KrIg4L7N4aaHN68ma9OK3NE1BoDFgFOTfM7zg+3/8+2n8rLUH3OKQ==",
       "license": "MIT",
+      "peer": true,
       "peerDependencies": {
         "@types/react": "^19.0.0"
       }
@@ -6702,6 +6714,7 @@
       "integrity": "sha512-B7RIQiTsCBBmY+yW4+ILd6mF5h1FUwJsVvpqkrgpszYifetQ2Ke+Z4u6aZh0CblkUGIdR59iYVyXqqZGkZ3aBw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.43.0",
         "@typescript-eslint/types": "8.43.0",
@@ -6912,6 +6925,7 @@
       "resolved": "https://registry.npmjs.org/@vanilla-extract/css/-/css-1.17.3.tgz",
       "integrity": "sha512-jHivr1UPoJTX5Uel4AZSOwrCf4mO42LcdmnhJtUxZaRWhW4FviFbIfs0moAWWld7GOT+2XnuVZjjA/K32uUnMQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@emotion/hash": "^0.9.0",
         "@vanilla-extract/private": "^1.0.8",
@@ -7120,6 +7134,7 @@
       "resolved": "https://registry.npmjs.org/@wagmi/core/-/core-2.20.3.tgz",
       "integrity": "sha512-gsbuHnWxf0AYZISvR8LvF/vUCIq6/ZwT5f5/FKd6wLA7Wq05NihCvmQpIgrcVbpSJPL67wb6S8fXm3eJGJA1vQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "eventemitter3": "5.0.1",
         "mipd": "0.0.7",
@@ -7693,6 +7708,7 @@
       "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz",
       "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=10.0.0"
       },
@@ -7766,6 +7782,7 @@
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
       "license": "MIT",
+      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -7930,7 +7947,6 @@
       "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=10"
       },
@@ -8026,6 +8042,7 @@
       "resolved": "https://registry.npmjs.org/astro/-/astro-5.14.1.tgz",
       "integrity": "sha512-gPa8NY7/lP8j8g81iy8UwANF3+aukKRWS68IlthZQNgykpg80ne6lbHOp6FErYycxQ1TUhgEfkXVDQZAoJx8Bg==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@astrojs/compiler": "^2.12.2",
         "@astrojs/internal-helpers": "0.7.3",
@@ -8504,6 +8521,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "caniuse-lite": "^1.0.30001737",
         "electron-to-chromium": "^1.5.211",
@@ -8597,6 +8615,7 @@
       "integrity": "sha512-WDtdLmJvAuNNPzByAYpRo2rF1Mmradw6gvWsQKf63476DDXmomT9zUiGypLcG4ibIM67vhAj8jJRdbmEws2Aqw==",
       "hasInstallScript": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "node-gyp-build": "^4.3.0"
       },
@@ -9535,8 +9554,7 @@
       "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
       "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
       "dev": true,
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/dotenv": {
       "version": "17.2.2",
@@ -9590,6 +9608,7 @@
       "resolved": "https://registry.npmjs.org/eciesjs/-/eciesjs-0.4.15.tgz",
       "integrity": "sha512-r6kEJXDKecVOCj2nLMuXK/FCPeurW33+3JRpfXVbjLja3XUYFfD9I/JBreH6sUyzcm3G/YQboBjMla6poKeSdA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@ecies/ciphers": "^0.2.3",
         "@noble/ciphers": "^1.3.0",
@@ -9904,6 +9923,7 @@
       "integrity": "sha512-QePbBFMJFjgmlE+cXAlbHZbHpdFVS2E/6vzCy7aKlebddvl1vadiC4JFV5u/wqTkNUwEV8WrQi257jf5f06hrg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.1",
@@ -10605,7 +10625,8 @@
       "version": "6.4.9",
       "resolved": "https://registry.npmjs.org/eventemitter2/-/eventemitter2-6.4.9.tgz",
       "integrity": "sha512-JEPTiaOt9f04oa6NOkc4aH+nVp5I3wEjpHbIPqfgCdD5v5bUzy7xQqwcVO2aDQgOWhI28da57HksMrzK9HlRxg==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/eventemitter3": {
       "version": "5.0.1",
@@ -12525,6 +12546,7 @@
       "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.5.1.tgz",
       "integrity": "sha512-twQoecYPiVA5K/h6SxtORw/Bs3ar+mLUtoPSc7iMXzQzK8d7eJ/R09wmTwAjiamETn1cXYPGfNnu7DMoHgu12w==",
       "license": "MIT",
+      "peer": true,
       "bin": {
         "jiti": "lib/jiti-cli.mjs"
       }
@@ -12565,6 +12587,7 @@
       "integrity": "sha512-Cvc9WUhxSMEo4McES3P7oK3QaXldCfNWp7pl2NNeiIFlCoLr3kfq9kb1fxftiwk1FLV7CvpvDfonxtzUDeSOPg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "cssstyle": "^4.2.1",
         "data-urls": "^5.0.0",
@@ -12746,6 +12769,7 @@
       "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.1.tgz",
       "integrity": "sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==",
       "license": "MPL-2.0",
+      "peer": true,
       "dependencies": {
         "detect-libc": "^2.0.3"
       },
@@ -13126,7 +13150,6 @@
       "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "bin": {
         "lz-string": "bin/bin.js"
       }
@@ -15201,7 +15224,6 @@
       "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "ansi-regex": "^5.0.1",
         "ansi-styles": "^5.0.0",
@@ -15418,6 +15440,7 @@
       "resolved": "https://registry.npmjs.org/react/-/react-19.1.1.tgz",
       "integrity": "sha512-w8nqGImo45dmMIfljjMwOGtbmC/mk4CMYhWIicdSflH91J9TyCyczcPFXJzrZ/ZXcgGRFeP6BU0BEJTw6tZdfQ==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -15427,6 +15450,7 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.1.1.tgz",
       "integrity": "sha512-Dlq/5LAZgF0Gaz6yiqZCf6VCcZs1ghAJyrsu84Q/GT0gV+mCxbfmKNoGRKBYMJ8IEdGPqu49YWXD02GCknEDkw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "scheduler": "^0.26.0"
       },
@@ -15439,6 +15463,7 @@
       "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.62.0.tgz",
       "integrity": "sha512-7KWFejc98xqG/F4bAxpL41NB3o1nnvQO1RWZT3TqRZYL8RryQETGfEdVnJN2fy1crCiBLLjkRBVK05j24FxJGA==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=18.0.0"
       },
@@ -15464,8 +15489,7 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
       "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
       "dev": true,
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/react-refresh": {
       "version": "0.17.0",
@@ -15588,6 +15612,7 @@
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
       "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "inherits": "^2.0.3",
         "string_decoder": "^1.1.1",
@@ -16175,6 +16200,7 @@
       "resolved": "https://registry.npmjs.org/seroval/-/seroval-1.3.2.tgz",
       "integrity": "sha512-RbcPH1n5cfwKrru7v7+zrZvjLurgHhGyso3HTyGtRivGWgYjbOmGuivCQaORNELjNONoK35nj28EoWul9sb1zQ==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=10"
       }
@@ -16414,6 +16440,7 @@
       "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-4.8.1.tgz",
       "integrity": "sha512-hJVXfu3E28NmzGk8o1sHhN3om52tRvwYeidbj7xKy2eIIse5IoKX3USlS6Tqt3BHAtflLIkCQBkzVrEEfWUyYQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@socket.io/component-emitter": "~3.1.0",
         "debug": "~4.3.2",
@@ -17715,6 +17742,7 @@
       "integrity": "sha512-Z6czzLq4u8fPOyx7TU6X3dvUZVvoJmxSQ+IcrlmagKhilxlhZgxPK6C5Jqbkw1IDUmFTM+cz9QDnnLTwDz/2gQ==",
       "hasInstallScript": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "node-gyp-build": "^4.3.0"
       },
@@ -17755,6 +17783,7 @@
       "resolved": "https://registry.npmjs.org/valtio/-/valtio-1.13.2.tgz",
       "integrity": "sha512-Qik0o+DSy741TmkqmRfjq+0xpZBXi/Y6+fXZLn0xNF1z/waFMbE3rkivv5Zcf9RrMUp6zswf2J7sbh2KBlba5A==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "derive-valtio": "0.1.0",
         "proxy-compare": "2.6.0",
@@ -17838,6 +17867,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@noble/curves": "1.9.1",
         "@noble/hashes": "1.8.0",
@@ -17862,6 +17892,7 @@
       "resolved": "https://registry.npmjs.org/vite/-/vite-7.1.5.tgz",
       "integrity": "sha512-4cKBO9wR75r0BeIWWWId9XK9Lj6La5X846Zw9dFfzMRw38IlTk2iCcUt6hsyiDRcPidc55ZParFYDXi0nXOeLQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "esbuild": "^0.25.0",
         "fdir": "^6.5.0",
@@ -18064,6 +18095,7 @@
       "resolved": "https://registry.npmjs.org/wagmi/-/wagmi-2.16.9.tgz",
       "integrity": "sha512-5NbjvuNNhT0t0lQsDD5otQqZ5RZBM1UhInHoBq/Lpnr6xLLa8AWxYqHg5oZtGCdiUNltys11iBOS6z4mLepIqw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@wagmi/connectors": "5.9.9",
         "@wagmi/core": "2.20.3",
@@ -18296,6 +18328,7 @@
       "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
       "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=10.0.0"
       },
@@ -18596,6 +18629,7 @@
       "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
       "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
       "license": "MIT",
+      "peer": true,
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }
diff --git a/frontend/public/badge_bug_hunter.svg b/frontend/public/badge_bug_hunter.svg
new file mode 100644
index 0000000..ad2173c
--- /dev/null
+++ b/frontend/public/badge_bug_hunter.svg
@@ -0,0 +1 @@
+<svg class="img-fluid" id="outputsvg" xmlns="http://www.w3.org/2000/svg" style="transform: none; transform-origin: 50% 50%; cursor: move; max-height: none;" width="1024" height="1024" viewBox="0 0 10240 10240"><g id="lIrJKRtmL96He8G4xHB79h" fill="rgb(8,63,89)" style="transform: none;"><g><path id="p1BilRwPwm" d="M4879 8313 c-718 -368 -1198 -700 -1614 -1117 -172 -173 -269 -281 -385 -435 -307 -407 -500 -896 -549 -1395 -14 -143 -15 -2633 -1 -2670 12 -33 38 -44 230 -101 85 -26 166 -50 180 -55 14 -5 117 -36 230 -70 213 -64 740 -225 1180 -360 811 -249 917 -280 976 -280 26 0 291 76 695 199 846 258 1450 441 1769 536 290 87 300 91 317 125 20 40 19 2624 -2 2776 -42 325 -154 668 -305 936 -150 265 -317 483 -560 731 -439 450 -993 840 -1690 1193 -133 67 -164 79 -216 82 -61 4 -63 3 -255 -95z m979 -1164 c149 -38 293 -134 410 -273 53 -63 69 -76 94 -76 90 0 178 -118 178 -240 0 -95 -68 -214 -158 -279 l-27 -19 3 110 c5 145 -8 179 -93 254 -35 31 -66 63 -70 72 -3 8 4 25 15 37 13 13 20 35 20 59 0 50 -67 122 -153 164 -145 72 -403 64 -583 -18 -136 -62 -183 -114 -210 -238 -9 -42 -21 -83 -27 -89 -7 -9 -50 -13 -154 -13 l-145 0 6 28 c12 52 96 210 141 266 63 76 155 149 249 197 174 87 321 104 504 58z m-1933 -394 c60 -33 62 -36 69 -81 3 -25 15 -85 27 -133 l20 -86 81 -60 c111 -83 281 -246 270 -257 -20 -20 -238 105 -404 229 -96 72 -92 66 -117 223 -11 73 -19 200 -12 200 2 0 32 -16 66 -35z m1268 -391 c106 -27 237 -108 237 -146 0 -5 27 -66 59 -134 33 -68 58 -124 56 -124 -2 0 -37 8 -77 17 -101 23 -465 23 -628 0 -108 -16 -116 -16 -128 0 -28 38 26 176 102 260 53 59 116 99 196 124 69 22 106 23 183 3z m-983 -556 l208 -113 -5 -45 c-6 -48 -18 -70 -38 -70 -12 0 -99 51 -259 153 -109 70 -126 71 -298 21 -200 -57 -195 -57 -250 -27 -26 14 -48 29 -48 32 0 6 446 159 469 160 7 1 107 -50 221 -111z m2101 38 c68 -19 165 -48 214 -64 l90 -29 -46 -23 -46 -23 -134 37 c-181 49 -190 48 -301 -20 -111 -67 -208 -117 -215 -110 -3 3 -6 29 -7 58 l-1 53 150 77 c83 42 155 77 161 78 6 0 66 -16 135 -34z m-906 -91 c80 -20 179 -70 205 -102 28 -35 50 -116 50 -181 0 -52 -1 -54 -22 -48 -157 43 -235 51 -483 51 -237 0 -257 -2 -384 -28 -74 -16 -140 -31 -147 -34 -9 -3 -11 7 -7 39 16 144 47 206 126 252 128 76 462 101 662 51z m-1200 -496 l200 -68 3 -57 c2 -31 -1 -61 -7 -67 -11 -11 -124 24 -284 89 -59 24 -124 44 -143 44 -41 0 -88 -30 -209 -130 -44 -36 -91 -74 -105 -83 -28 -19 -85 -22 -127 -6 l-28 11 83 76 c45 41 142 124 214 183 l132 108 36 -16 c19 -9 125 -47 235 -84z m2215 12 c108 -84 320 -269 320 -280 0 -9 -39 -27 -80 -36 -29 -7 -46 5 -171 111 -116 97 -172 134 -207 134 -16 0 -71 -20 -123 -44 -118 -55 -268 -108 -286 -102 -10 4 -13 23 -11 72 l3 66 83 24 c46 13 147 48 225 77 78 30 147 51 152 49 6 -3 48 -35 95 -71z m-1002 -41 c51 -13 121 -37 155 -54 60 -30 62 -33 65 -72 7 -98 -64 -283 -172 -449 -62 -95 -70 -134 -41 -215 21 -61 19 -74 -21 -137 -32 -50 -37 -55 -47 -38 -5 10 -10 57 -9 105 l0 86 -221 0 -222 -1 -2 -55 c-2 -30 -5 -79 -9 -109 l-6 -53 -28 27 c-16 15 -39 47 -52 71 -23 44 -23 44 -4 91 35 91 33 108 -28 218 -104 186 -166 373 -151 452 10 54 115 117 235 142 30 6 64 13 75 15 11 3 103 4 205 2 156 -2 200 -6 278 -26z m-1096 -492 l137 -23 17 -38 c15 -33 16 -40 3 -48 -8 -5 -83 -9 -168 -9 l-154 0 -46 -48 c-25 -26 -80 -85 -121 -132 l-75 -84 0 -89 c0 -69 3 -91 15 -98 8 -5 46 -23 85 -41 137 -65 293 -252 364 -438 34 -88 45 -140 32 -159 -12 -18 -36 -4 -116 68 -63 57 -94 71 -156 71 -16 0 -38 -9 -50 -21 -19 -19 -21 -30 -17 -123 4 -94 7 -107 46 -189 49 -104 110 -193 195 -284 l62 -66 -35 8 c-74 15 -246 77 -319 115 -107 56 -243 161 -301 233 -94 116 -160 290 -160 420 0 90 63 276 120 357 16 22 20 44 20 102 0 40 5 102 10 138 10 62 13 68 71 122 120 113 351 278 389 278 8 0 77 -10 152 -22z m1827 -5 c55 -32 83 -52 227 -165 161 -126 169 -137 183 -245 6 -49 11 -109 11 -133 0 -32 12 -67 44 -129 100 -196 115 -335 55 -510 -82 -238 -331 -442 -653 -535 -121 -36 -126 -34 -75 22 108 116 188 237 224 341 19 55 25 91 25 160 0 85 -1 91 -26 110 -57 45 -133 22 -222 -68 -34 -34 -66 -61 -72 -61 -6 0 -16 11 -22 25 -9 20 -6 40 17 110 64 198 223 394 384 474 46 22 90 41 97 41 15 0 18 49 8 135 -6 48 -12 57 -123 173 l-117 122 -174 0 c-96 0 -180 4 -187 8 -8 5 -6 24 10 72 l22 65 110 6 c215 10 205 11 254 -18z"></path></g></g><g id="l75VlDzxuyNHQThahyaVUBH" fill="rgb(193,191,189)" style="transform: none;"><g><path id="p16IcGiUG9" d="M5090 8643 c-104 -38 -484 -225 -678 -335 -1109 -626 -1864 -1422 -2151 -2265 -41 -124 -95 -332 -123 -478 l-23 -120 -3 -1425 c-2 -998 0 -1436 8 -1462 14 -50 47 -73 148 -103 213 -64 629 -191 757 -230 77 -24 295 -91 485 -149 401 -122 1397 -426 1517 -463 l82 -25 168 50 c402 120 988 296 1508 454 308 93 634 192 725 219 566 172 553 167 587 206 18 20 35 50 38 67 3 17 4 666 3 1441 -4 1579 1 1457 -80 1780 -141 563 -424 1033 -917 1525 -465 463 -1043 863 -1774 1226 -185 92 -227 105 -277 87z m233 -349 c692 -349 1248 -742 1687 -1191 511 -522 784 -1047 865 -1667 21 -152 22 -2676 2 -2716 -17 -34 -27 -38 -317 -125 -364 -109 -1012 -306 -1770 -537 l-655 -200 -80 20 c-77 19 -340 97 -875 262 -440 135 -967 296 -1180 360 -113 34 -216 65 -230 70 -14 5 -95 29 -180 55 -192 57 -218 68 -230 101 -14 37 -13 2467 1 2610 49 499 242 988 549 1395 116 154 213 262 385 435 416 417 896 749 1614 1117 164 84 199 98 228 94 18 -3 102 -40 186 -83z"></path></g></g><g id="l3Cfqkvbai2jB6dk7U6VgFz" fill="rgb(247,240,231)" style="transform: none;"><g><path id="p15PPMOGMi" d="M5572 7200 c-187 -26 -380 -133 -494 -272 -65 -79 -135 -224 -162 -330 l-6 -28 184 0 c135 0 186 3 193 13 6 6 18 47 27 89 18 83 55 147 102 179 187 128 461 161 631 77 57 -28 153 -113 153 -136 0 -5 -9 -17 -20 -27 -14 -12 -20 -31 -20 -58 0 -36 7 -46 74 -111 88 -85 100 -115 94 -230 -3 -66 -10 -92 -31 -131 -15 -26 -25 -50 -23 -52 2 -3 30 8 63 24 85 41 184 142 213 218 47 125 21 286 -60 359 -36 32 -104 61 -121 51 -4 -3 -36 29 -71 71 -157 188 -346 286 -576 298 -48 3 -115 1 -150 -4z"></path><path id="plWUtYd3k" d="M3825 6723 c8 -138 39 -314 58 -328 7 -5 40 -31 72 -56 98 -76 224 -154 335 -208 57 -28 108 -51 114 -51 6 1 19 17 28 38 l18 37 -109 105 c-59 58 -144 132 -189 165 l-81 60 -21 90 c-11 50 -24 110 -28 135 -7 44 -9 45 -92 87 -46 24 -90 43 -98 43 -11 0 -12 -21 -7 -117z"></path><path id="p9Uk00LZz" d="M5029 6403 c-190 -38 -339 -195 -355 -374 -5 -53 -3 -68 12 -87 19 -23 19 -23 104 -8 256 44 500 44 693 2 92 -20 109 -22 114 -9 3 8 -26 81 -66 162 -39 82 -71 153 -71 159 0 20 -62 73 -119 102 -107 54 -217 73 -312 53z"></path><path id="p18JO8Zcbi" d="M3707 5868 l-268 -91 26 -27 c15 -15 49 -40 77 -55 63 -34 91 -32 293 26 171 48 143 54 321 -62 240 -155 277 -156 289 -9 l6 75 -219 118 c-120 64 -227 117 -238 116 -10 0 -140 -41 -287 -91z"></path><path id="p96BosevV" d="M5998 5841 c-81 -42 -155 -83 -163 -92 -14 -14 -15 -27 -4 -105 7 -49 13 -90 14 -92 5 -6 179 85 273 143 106 64 85 63 277 8 102 -29 125 -33 155 -24 36 11 154 80 147 87 -15 15 -511 156 -539 153 -7 -1 -79 -36 -160 -78z"></path><path id="pp2yJODm0" d="M5025 5809 c-130 -10 -252 -39 -312 -75 -55 -32 -99 -91 -112 -152 -13 -64 -25 -222 -17 -222 4 0 15 4 25 9 9 6 85 24 167 42 143 32 158 33 374 33 198 1 238 -2 335 -22 61 -13 130 -32 154 -43 24 -10 45 -19 46 -19 9 0 11 90 5 158 -12 111 -37 164 -96 201 -118 75 -331 109 -569 90z"></path><path id="pbq8lih84" d="M3775 5284 c-156 -129 -325 -281 -325 -294 0 -19 59 -43 124 -51 84 -9 95 -4 219 99 45 38 104 83 130 101 l49 33 126 -50 c183 -73 301 -108 321 -95 13 8 16 28 16 102 l0 92 -178 59 c-97 33 -209 73 -248 90 -39 16 -76 30 -83 30 -6 -1 -74 -53 -151 -116z"></path><path id="pga0hvZM2" d="M6297 5384 c-42 -22 -288 -112 -380 -138 l-82 -24 0 -97 c0 -130 1 -130 142 -83 59 19 152 56 207 82 l98 46 47 -32 c25 -18 84 -64 130 -102 140 -119 138 -118 202 -113 59 5 139 39 139 60 0 24 -199 203 -378 340 -95 73 -98 74 -125 61z"></path><path id="p3jlM2Ssf" d="M4967 5289 c-118 -10 -178 -24 -262 -64 -91 -43 -107 -62 -113 -129 -9 -115 44 -284 152 -479 l54 -97 -24 -58 c-31 -74 -30 -97 5 -157 30 -52 116 -143 126 -133 10 10 35 173 32 213 l-2 40 191 0 191 0 -4 -45 c-2 -25 3 -83 10 -130 l14 -85 49 50 c27 28 60 72 73 99 25 52 25 57 -10 181 -12 39 -11 42 45 128 111 169 165 311 181 469 l6 67 -39 26 c-122 81 -411 125 -675 104z"></path><path id="pfKUc66nD" d="M7905 4465 c0 -440 1 -619 2 -397 2 222 2 582 0 800 -1 218 -2 37 -2 -403z"></path><path id="p12mACWuWY" d="M4066 4754 c-78 -47 -238 -170 -315 -242 -58 -54 -61 -60 -71 -122 -5 -36 -10 -98 -10 -138 0 -58 -4 -80 -20 -102 -35 -49 -79 -152 -100 -234 -52 -202 2 -432 140 -603 58 -72 194 -177 301 -233 103 -53 263 -106 383 -125 54 -9 101 -14 103 -11 3 3 -31 40 -76 82 -198 186 -330 438 -297 568 16 64 74 54 167 -30 127 -114 185 -110 176 11 -15 199 -222 498 -402 583 -107 50 -100 43 -99 110 l1 60 74 83 c41 46 95 105 121 132 l46 48 134 -2 c73 -2 152 1 176 5 41 8 43 10 37 35 -4 14 -15 46 -26 71 l-19 45 -138 23 c-189 31 -214 30 -286 -14z"></path><path id="p16jCFxamq" d="M5865 4781 l-110 -6 -21 -65 c-37 -111 -38 -126 -12 -134 13 -3 96 -6 185 -6 89 0 168 -2 176 -5 8 -4 64 -59 124 -123 l111 -118 7 -62 c6 -51 4 -62 -8 -62 -8 0 -52 -19 -98 -41 -157 -78 -312 -266 -380 -461 -44 -128 -36 -218 21 -218 32 0 98 46 129 88 12 17 42 40 67 52 l46 23 26 -20 c39 -29 42 -114 8 -213 -43 -123 -160 -288 -283 -399 -37 -33 -64 -63 -61 -66 3 -3 50 1 104 9 381 57 707 288 803 569 66 190 47 372 -58 575 -30 56 -41 90 -41 122 0 24 -5 84 -11 133 -14 108 -22 119 -183 245 -144 113 -172 133 -227 165 -50 29 -63 30 -314 18z"></path><path id="p1Gux1wre6" d="M7903 3580 c0 -30 2 -43 4 -27 2 15 2 39 0 55 -2 15 -4 2 -4 -28z"></path><path id="p7KEekEDP" d="M7904 3390 c0 -58 1 -81 3 -52 2 28 2 76 0 105 -2 28 -3 5 -3 -53z"></path><path id="pywRaxI4G" d="M7904 2940 c0 -63 1 -89 3 -57 2 31 2 83 0 115 -2 31 -3 5 -3 -58z"></path><path id="pejLQJEYK" d="M4220 2115 c0 -8 7 -15 15 -15 8 0 15 4 15 9 0 5 -7 11 -15 15 -9 3 -15 0 -15 -9z"></path></g></g></svg>
\ No newline at end of file
diff --git a/frontend/public/badge_community.svg b/frontend/public/badge_community.svg
new file mode 100644
index 0000000..bba3a56
--- /dev/null
+++ b/frontend/public/badge_community.svg
@@ -0,0 +1 @@
+<svg class="img-fluid" id="outputsvg" xmlns="http://www.w3.org/2000/svg" style="transform: none; transform-origin: 50% 50%; cursor: move;" width="1024" height="1024" viewBox="0 0 10240 10240"><g id="l6qgHRSjwQKg0yttEgvhtp4" fill="rgb(12,62,86)" style="transform: none;"><g><path id="pSlxd6huh" d="M4883 8313 c-347 -178 -592 -319 -828 -476 -473 -316 -1008 -822 -1263 -1195 -240 -351 -397 -770 -451 -1199 -7 -53 -11 -568 -11 -1419 -1 -1279 0 -1338 17 -1354 10 -10 126 -50 258 -90 269 -81 794 -241 985 -300 69 -21 202 -62 295 -90 94 -29 381 -117 640 -197 259 -80 498 -153 533 -161 l63 -16 122 36 c67 20 199 59 292 88 94 29 211 65 260 80 82 24 680 207 1080 330 88 27 349 106 580 175 231 70 428 134 438 143 17 15 17 85 14 1421 -3 1385 -3 1408 -24 1511 -73 360 -164 604 -325 873 -188 313 -426 584 -805 917 -424 373 -808 628 -1372 914 -273 138 -248 138 -498 9z m-347 -1954 c17 -19 19 -43 24 -275 l5 -254 -488 0 c-524 0 -536 1 -571 51 -21 31 -21 138 0 209 18 61 67 141 110 182 41 38 134 78 217 93 48 9 174 13 378 14 299 1 306 1 325 -20z m1906 4 c78 -14 94 -21 143 -62 107 -89 165 -208 165 -335 -1 -65 -11 -87 -57 -118 -26 -17 -61 -18 -523 -18 l-495 0 5 253 c4 192 8 258 18 270 15 18 67 21 442 25 167 2 235 -2 302 -15z m-1732 -798 c19 -19 38 -35 43 -35 5 0 27 -16 49 -35 67 -57 172 -85 315 -85 178 0 271 32 397 136 l64 53 533 -1 c304 0 545 -5 559 -10 70 -26 94 -84 76 -180 -30 -156 -151 -281 -311 -323 -86 -22 -2493 -23 -2598 0 -203 43 -333 178 -345 359 -4 70 -3 74 27 109 18 20 44 37 59 39 15 2 268 5 562 6 l536 2 34 -35z m1735 -749 c46 -20 59 -47 51 -114 -19 -164 -164 -312 -361 -369 -55 -16 -140 -18 -956 -21 -1009 -3 -1035 -2 -1174 62 -139 64 -242 197 -259 332 -6 46 -4 55 19 82 14 17 38 33 53 35 15 2 604 5 1310 6 1086 1 1288 -1 1317 -13z m-390 -766 c24 -22 26 -30 20 -70 -24 -163 -184 -327 -380 -391 -68 -23 -83 -23 -520 -27 -457 -4 -544 1 -645 35 -168 55 -300 186 -346 342 -19 67 -12 96 29 121 31 20 51 20 924 18 l891 -3 27 -25z m-656 -754 c24 -25 33 -43 33 -68 0 -82 -68 -177 -164 -229 -57 -31 -71 -34 -143 -34 -100 0 -161 26 -226 95 -50 54 -77 102 -86 154 -4 27 1 39 26 69 18 20 42 38 54 40 12 2 123 5 248 6 l225 1 33 -34z"></path></g></g><g id="l5FnOivW2UuYHrgViKNWxWo" fill="rgb(195,193,191)" style="transform: none;"><g><path id="pVnjlGcZd" d="M5034 8612 c-128 -48 -418 -190 -618 -302 -475 -266 -886 -568 -1239 -910 -266 -258 -424 -445 -589 -695 -210 -318 -346 -650 -423 -1030 -55 -271 -55 -269 -55 -1730 0 -1289 1 -1352 19 -1390 28 -61 51 -75 189 -115 70 -21 271 -81 447 -135 737 -223 1221 -369 1385 -420 893 -274 930 -285 970 -285 18 0 128 29 244 64 116 36 393 119 616 186 373 112 529 159 1160 350 124 37 347 105 495 150 149 45 304 92 346 106 82 27 119 57 138 113 14 44 16 2705 1 2831 -68 584 -237 1016 -572 1465 -184 248 -475 547 -773 795 -336 280 -819 595 -1240 807 -308 156 -400 182 -501 145z m317 -338 c564 -286 948 -541 1372 -914 379 -333 617 -604 805 -917 161 -269 252 -513 325 -873 21 -103 21 -126 24 -1481 3 -1308 3 -1376 -14 -1391 -10 -9 -207 -73 -438 -143 -231 -69 -492 -148 -580 -175 -400 -123 -998 -306 -1080 -330 -49 -15 -166 -51 -260 -80 -390 -120 -384 -118 -434 -105 -26 7 -257 78 -516 158 -258 80 -546 168 -640 197 -93 28 -226 69 -295 90 -191 59 -716 219 -985 300 -132 40 -248 80 -258 89 -16 16 -17 86 -17 1323 0 849 4 1334 11 1389 24 194 76 408 146 604 185 519 508 934 1153 1481 159 136 365 283 604 433 217 136 808 451 847 451 12 0 115 -48 230 -106z"></path><path id="pVtLl3kxQ" d="M3723 6378 c-45 -15 -43 -38 2 -38 31 0 35 3 35 25 0 14 -1 25 -2 24 -2 -1 -18 -6 -35 -11z"></path><path id="pY776sQel" d="M4550 6355 c0 -28 4 -35 20 -35 22 0 26 20 10 51 -16 30 -30 23 -30 -16z"></path><path id="pSD3XDU7" d="M6470 6370 c0 -16 7 -20 35 -20 40 0 49 24 13 34 -38 10 -48 7 -48 -14z"></path><path id="p18PJhWP5f" d="M3549 5623 c-15 -2 -35 -14 -45 -25 l-19 -21 55 6 c30 4 313 7 629 7 574 0 574 0 556 20 -18 20 -29 20 -584 18 -311 0 -578 -3 -592 -5z"></path><path id="pE0hofX10" d="M5495 5585 l-50 -45 38 0 c33 0 37 3 37 25 l0 25 595 0 c502 0 595 2 595 14 0 8 -10 16 -23 20 -12 3 -275 5 -582 5 l-560 0 -50 -44z"></path><path id="p14RH486gT" d="M4820 5500 c0 -28 3 -30 35 -30 44 0 44 9 0 38 l-35 22 0 -30z"></path><path id="p1ACyCemDr" d="M5430 3255 c0 -28 4 -35 20 -35 21 0 24 10 14 48 -10 36 -34 27 -34 -13z"></path></g></g><g id="l7PryOq77CF95OiO9NItBvl" fill="rgb(242,237,230)" style="transform: none;"><g><path id="psraKpbAb" d="M5261 8326 c10 -9 89 -46 89 -41 0 5 -75 45 -86 45 -4 0 -5 -2 -3 -4z"></path><path id="puVswR8AM" d="M6820 7287 c0 -2 15 -16 33 -33 l32 -29 -29 33 c-28 30 -36 37 -36 29z"></path><path id="pF07YsoAG" d="M3272 7157 c-18 -18 -32 -37 -32 -41 0 -9 33 23 59 57 22 28 7 20 -27 -16z"></path><path id="p4CSBVGkc" d="M7115 6990 c21 -22 41 -40 44 -40 3 0 -13 18 -34 40 -21 22 -41 40 -44 40 -3 0 13 -18 34 -40z"></path><path id="pRKrnaSOi" d="M3821 6399 c-188 -31 -298 -121 -345 -279 -22 -74 -22 -237 0 -269 36 -50 44 -51 610 -51 l526 0 -7 23 c-5 12 -11 140 -14 283 -5 239 -8 264 -25 283 -19 21 -26 21 -355 20 -185 -1 -360 -5 -390 -10z"></path><path id="p4F92rBU6" d="M5788 6403 c-83 -3 -109 -7 -120 -20 -10 -12 -14 -80 -18 -282 -3 -146 -8 -273 -10 -281 -4 -13 58 -15 515 -18 286 -1 530 0 542 3 12 3 35 19 52 36 30 30 31 33 31 124 0 112 -24 199 -75 270 -48 69 -138 141 -183 149 -21 3 -57 10 -82 15 -42 9 -400 11 -652 4z"></path><path id="pGelxrvjx" d="M3498 5591 c-29 -26 -33 -36 -38 -97 -15 -172 74 -331 224 -400 120 -55 87 -54 1456 -54 1400 0 1328 -3 1439 65 119 72 181 164 201 301 15 98 4 151 -41 188 l-31 26 -584 0 -584 0 -60 -48 c-116 -94 -220 -132 -363 -132 -112 0 -231 36 -287 86 -21 19 -42 34 -47 34 -5 0 -22 14 -38 30 l-29 30 -593 0 -593 0 -32 -29z"></path><path id="piY8vZK1h" d="M2352 5340 c0 -19 2 -27 5 -17 2 9 2 25 0 35 -3 9 -5 1 -5 -18z"></path><path id="p17bU6cW1H" d="M7895 4035 c0 -710 1 -1001 2 -648 2 353 2 933 0 1290 -1 356 -2 68 -2 -642z"></path><path id="p1F3PXkbdR" d="M2345 4005 c0 -693 1 -975 2 -627 2 349 2 916 0 1260 -1 345 -2 60 -2 -633z"></path><path id="pWs5iC6Vg" d="M3788 4853 c-15 -2 -39 -18 -54 -36 -25 -30 -26 -35 -20 -112 14 -160 108 -290 261 -361 139 -64 162 -65 1204 -62 1015 4 969 1 1099 64 79 39 174 132 210 207 40 84 57 195 37 242 -28 69 59 65 -1397 64 -722 -1 -1325 -4 -1340 -6z"></path><path id="pmgwsNSW5" d="M4188 4095 c-36 -20 -48 -44 -48 -98 0 -138 114 -308 257 -385 149 -79 201 -84 778 -80 469 4 482 4 550 27 214 70 368 241 382 424 5 68 4 73 -22 97 l-27 25 -921 2 c-801 2 -926 0 -949 -12z"></path><path id="p1FBemlUy0" d="M4865 3353 c-32 -8 -74 -54 -85 -92 -25 -91 63 -239 175 -296 55 -28 66 -30 169 -30 108 0 113 1 175 35 151 82 216 265 128 358 l-31 32 -255 -1 c-141 -1 -265 -3 -276 -6z"></path></g></g></svg>
\ No newline at end of file
diff --git a/frontend/public/badge_default.svg b/frontend/public/badge_default.svg
new file mode 100644
index 0000000..05cf760
--- /dev/null
+++ b/frontend/public/badge_default.svg
@@ -0,0 +1 @@
+<svg class="img-fluid" id="outputsvg" xmlns="http://www.w3.org/2000/svg" style="transform: none; transform-origin: 50% 50%; cursor: move;" width="375" height="455" viewBox="0 0 3750 4550"><g id="lNLJfTYpbPMRMwd5daNSt5" fill="rgb(134,160,173)" style="transform: none;"><g style="transform: none;"><path id="pn9PwzL5A" d="M1695 4314 c-243 -123 -550 -324 -740 -485 -325 -273 -537 -555 -668 -884 -61 -154 -68 -192 -77 -425 -9 -251 -14 -1629 -6 -1638 3 -3 6 -34 6 -68 0 -76 1 -77 143 -124 53 -17 97 -36 97 -41 0 -5 15 -9 33 -9 38 0 317 -84 326 -98 3 -5 24 -12 46 -14 22 -3 238 -63 480 -134 l440 -128 110 0 c109 0 113 1 362 77 138 42 260 77 270 77 10 0 23 4 29 9 12 12 274 91 300 91 11 0 24 4 30 9 11 11 276 91 301 91 11 0 23 4 29 9 5 4 75 29 156 55 103 32 151 52 158 66 13 24 13 1667 0 1865 -10 156 -24 222 -76 351 -37 90 -92 205 -103 214 -3 3 -17 26 -29 52 -13 25 -32 54 -41 65 -9 10 -20 26 -24 36 -3 9 -11 17 -17 17 -5 0 -10 7 -10 15 0 9 -7 18 -15 21 -8 4 -15 11 -15 16 0 18 -134 169 -252 283 -131 128 -248 225 -272 225 -9 0 -16 6 -16 14 0 15 -72 66 -95 66 -8 0 -15 6 -15 13 -1 13 -104 87 -122 87 -6 0 -16 7 -22 15 -15 20 -218 136 -360 206 -161 80 -189 80 -341 3z m310 -876 c2 -7 20 -132 40 -278 19 -146 38 -280 40 -297 7 -38 -11 -45 -24 -10 -5 12 -16 78 -25 147 -9 69 -27 198 -39 288 -19 131 -21 162 -10 162 8 0 16 -6 18 -12z m412 -223 l70 -81 -59 -69 c-33 -39 -78 -94 -100 -123 -23 -29 -43 -50 -46 -48 -2 3 32 52 77 108 58 75 81 111 81 132 0 21 -18 53 -62 110 -70 92 -60 85 39 -29z m-755 -27 c-7 -7 -12 -29 -12 -50 0 -38 7 -49 153 -235 5 -7 7 -13 5 -13 -3 0 -25 26 -50 58 -25 31 -71 86 -103 121 l-57 63 33 34 c18 19 35 34 38 34 3 0 0 -5 -7 -12z m-518 -67 c15 -28 47 -121 72 -208 56 -199 132 -389 245 -614 220 -440 411 -717 693 -1006 68 -71 85 -83 113 -83 30 0 33 3 33 30 0 22 -26 65 -103 168 -202 270 -255 352 -465 717 -132 231 -232 417 -232 433 0 24 171 -52 336 -149 83 -49 135 -90 219 -171 l110 -107 -107 -1 -108 0 0 -39 c0 -37 2 -39 58 -63 31 -14 93 -38 136 -54 153 -54 205 -109 296 -312 l48 -107 -70 -9 -69 -8 3 -35 c3 -35 5 -36 86 -65 52 -19 88 -39 97 -52 16 -24 128 -456 140 -540 7 -47 7 -48 -16 -41 -62 17 -316 151 -424 223 -123 82 -315 250 -442 385 -134 145 -291 388 -375 581 -59 136 -86 257 -99 446 l-12 164 -49 106 c-77 162 -168 418 -168 471 0 20 25 -7 54 -60z"></path></g></g><g id="l6Z7EX9pDbLTFg4Z2FVnapK" fill="rgb(211,211,209)" style="transform: none;"><g style="transform: none;"><path id="pmlMyBX94" d="M1672 4409 c-250 -131 -535 -314 -737 -476 -128 -102 -357 -327 -438 -429 -151 -193 -272 -422 -358 -679 l-34 -100 -5 -1005 c-3 -597 -1 -1013 4 -1025 5 -11 16 -25 25 -32 17 -13 148 -58 281 -96 47 -14 238 -70 425 -125 344 -102 609 -180 855 -252 202 -59 197 -59 362 -10 580 171 1437 434 1505 461 98 39 88 -73 85 1048 -2 542 -6 997 -9 1011 -25 117 -107 340 -173 470 -50 99 -170 278 -255 380 -85 102 -270 278 -402 385 -213 170 -534 373 -778 491 -156 76 -174 75 -353 -17z m355 -139 c182 -91 345 -188 338 -200 -4 -6 3 -10 14 -10 25 0 130 -71 131 -87 0 -7 7 -13 15 -13 23 0 95 -51 95 -66 0 -8 7 -14 16 -14 55 0 541 -475 520 -509 -3 -5 4 -11 15 -14 14 -4 20 -11 16 -20 -4 -10 2 -17 15 -20 14 -4 19 -11 15 -21 -4 -9 -1 -16 6 -16 17 0 81 -106 72 -119 -3 -6 0 -11 8 -11 24 0 163 -317 154 -351 -3 -10 -1 -19 4 -21 15 -5 31 -134 27 -210 -2 -37 0 -68 4 -68 12 0 10 -1698 -2 -1720 -7 -13 -55 -34 -153 -65 -78 -25 -149 -48 -157 -52 -8 -3 -22 -7 -30 -8 -22 -3 -293 -86 -305 -93 -5 -4 -19 -8 -30 -9 -26 -4 -287 -84 -300 -91 -5 -4 -19 -8 -29 -9 -11 -2 -132 -38 -270 -80 -350 -107 -296 -110 -846 49 -239 70 -447 131 -462 137 -15 6 -35 8 -44 4 -9 -3 -19 0 -24 6 -9 16 -284 101 -327 102 -18 1 -33 5 -33 9 0 5 -44 23 -97 40 -142 47 -143 48 -143 124 0 34 -2 65 -5 68 -9 8 -4 1331 5 1578 9 233 16 271 77 425 110 276 258 493 498 728 151 149 245 224 465 375 224 153 529 322 582 322 15 0 89 -31 165 -70z"></path><path id="pakh0jnmS" d="M1758 3386 c-16 -21 -16 -25 -2 -30 37 -14 89 -6 103 15 16 27 2 39 -49 39 -25 -1 -40 -7 -52 -24z"></path><path id="p1BgRF0nVB" d="M2200 3405 c0 -11 45 -55 56 -55 7 0 20 -7 28 -16 10 -10 29 -14 55 -12 l40 3 -35 43 c-34 40 -38 42 -90 42 -30 0 -54 -2 -54 -5z"></path><path id="perEfcnb6" d="M2503 3163 c-14 -5 -18 -73 -5 -73 5 0 18 10 30 23 21 22 21 24 5 39 -10 8 -24 13 -30 11z"></path><path id="p16mkDWhEr" d="M2000 3008 c0 -30 13 -58 26 -58 9 0 14 12 14 35 0 28 -4 35 -20 35 -11 0 -20 -6 -20 -12z"></path><path id="p8QVq8JC3" d="M2050 2946 c0 -33 2 -36 31 -36 28 0 30 2 27 33 -2 27 -8 33 -30 35 -26 3 -28 1 -28 -32z"></path><path id="p3wRp0rkR" d="M1838 2903 c-10 -3 -18 -13 -18 -24 0 -15 7 -19 35 -19 19 0 35 4 35 8 0 16 -35 39 -52 35z"></path><path id="pzbPD2YfA" d="M1430 2608 c1 -28 29 -46 125 -78 55 -19 102 -38 103 -42 2 -5 16 -8 30 -8 19 0 30 -7 37 -22 6 -13 19 -25 29 -27 11 -2 26 -9 34 -17 18 -18 102 -19 102 -1 0 13 -113 82 -195 120 -66 31 -225 87 -245 87 -11 0 -20 -6 -20 -12z"></path><path id="p18aNDfEZ3" d="M1280 2503 c0 -43 11 -73 26 -73 10 0 14 14 14 50 0 43 -3 50 -20 50 -15 0 -20 -7 -20 -27z"></path><path id="plGnbtneA" d="M1290 2343 c0 -34 12 -63 26 -63 10 0 14 13 14 40 0 33 -3 40 -20 40 -12 0 -20 -7 -20 -17z"></path><path id="pC3gEkCr7" d="M1980 2120 c0 -18 7 -20 75 -20 68 0 75 2 75 20 0 18 -7 20 -75 20 -68 0 -75 -2 -75 -20z"></path><path id="pTrn5P6nm" d="M1988 2046 c4 -34 6 -35 101 -70 54 -20 103 -36 109 -36 7 0 12 -4 12 -10 0 -5 20 -10 45 -10 33 0 45 4 45 15 0 18 -37 38 -157 81 -52 19 -107 41 -123 49 -38 20 -37 20 -32 -19z"></path><path id="p1GwrolXYp" d="M2338 1539 c-12 -6 -18 -22 -18 -43 0 -30 4 -34 53 -53 85 -34 118 -43 158 -43 72 0 40 32 -71 71 -75 26 -95 39 -59 39 40 0 69 11 69 26 0 17 -105 19 -132 3z"></path><path id="p13fKVcYkr" d="M2245 1273 l28 -38 -31 29 -32 30 0 -52 c0 -40 4 -52 15 -52 8 0 15 -4 15 -10 0 -17 67 -12 74 6 11 27 6 73 -7 81 -8 4 -16 16 -20 26 -4 11 -17 17 -38 17 l-31 0 27 -37z"></path></g></g><g id="l55VR6awh1i1YIVjgILCw7p" fill="rgb(228,227,225)" style="transform: none;"><g style="transform: none;"><path id="pz5WtkD2a" d="M1978 3482 c-29 -2 -38 -8 -38 -21 0 -10 15 -128 34 -262 19 -134 38 -269 42 -299 11 -90 17 -100 64 -100 39 0 40 1 40 33 0 60 -12 106 -29 110 -14 4 -13 5 2 6 13 1 16 7 12 24 -2 12 -19 128 -36 257 -17 129 -36 240 -43 245 -6 6 -28 9 -48 7z"></path><path id="pB4U9JMOo" d="M1837 3389 c-10 -6 -31 -8 -46 -4 -27 6 -34 0 -87 -67 -31 -40 -81 -98 -110 -128 l-53 -55 70 -80 c39 -44 92 -106 117 -139 l47 -58 48 5 c26 2 50 7 54 11 4 3 -7 21 -24 39 -60 63 -174 219 -170 230 3 7 46 64 96 127 50 63 91 118 91 122 0 11 -11 10 -33 -3z"></path><path id="pUFm5WfLX" d="M2285 3389 c-16 -5 -38 -6 -47 -3 -10 3 -18 3 -18 -1 0 -3 42 -61 94 -128 55 -71 91 -126 87 -132 -143 -183 -191 -246 -191 -255 0 -5 23 -10 54 -10 50 0 55 2 82 38 15 20 63 79 107 130 43 50 75 92 70 92 -4 0 -1 4 7 10 11 7 4 19 -36 62 -27 29 -69 77 -93 106 -26 31 -53 52 -65 53 -12 0 -15 3 -8 6 21 8 13 21 -10 16 -18 -4 -20 -2 -8 6 21 15 10 19 -25 10z"></path><path id="p15t6ry6IW" d="M1044 3218 c46 -208 92 -344 184 -540 53 -113 49 -91 68 -353 16 -225 130 -493 326 -767 133 -186 384 -428 581 -558 169 -112 380 -218 490 -244 25 -6 27 -4 27 23 0 42 -32 188 -90 416 -50 195 -71 252 -91 240 -10 -7 -57 6 -137 38 -48 19 -52 23 -36 34 11 8 47 13 91 13 63 0 73 2 73 18 0 25 -92 231 -134 301 -46 76 -101 123 -133 115 -19 -5 -22 -3 -16 12 5 14 3 16 -12 11 -23 -10 -215 61 -215 78 0 8 -9 17 -20 20 -11 3 -20 10 -20 15 0 18 70 22 158 10 49 -7 96 -10 103 -8 21 8 -213 241 -299 299 -41 27 -78 47 -83 43 -15 -9 -48 6 -43 19 3 8 -5 13 -23 12 -20 0 -31 7 -41 28 -11 22 -18 26 -38 21 -18 -5 -24 -2 -24 11 0 9 -4 14 -10 10 -5 -3 -54 10 -109 29 -54 19 -102 32 -106 28 -4 -4 -13 2 -21 12 -60 83 93 -221 244 -484 223 -389 356 -592 535 -815 38 -47 62 -86 59 -94 -4 -10 -7 -11 -10 -3 -2 7 -11 12 -20 12 -15 0 -15 2 -2 10 12 8 0 25 -66 92 -283 290 -473 567 -693 1007 -112 224 -189 415 -245 612 -24 86 -53 174 -64 196 -24 47 -74 108 -124 152 l-36 31 22 -102z"></path></g></g></svg>
\ No newline at end of file
diff --git a/frontend/public/badge_documentation.svg b/frontend/public/badge_documentation.svg
new file mode 100644
index 0000000..f1739c6
--- /dev/null
+++ b/frontend/public/badge_documentation.svg
@@ -0,0 +1 @@
+<svg class="img-fluid" id="outputsvg" xmlns="http://www.w3.org/2000/svg" style="transform: none; transform-origin: 50% 50%; cursor: move;" width="1024" height="1024" viewBox="0 0 10240 10240"><g id="l1yIRlsMxPeyAYumgqsVapc" fill="rgb(8,62,90)" style="transform: none;"><g><path id="p13tXMHU31" d="M4920 8330 c-687 -341 -1234 -709 -1626 -1096 -537 -530 -821 -1041 -940 -1689 -27 -146 -34 -539 -31 -1697 2 -1133 2 -1148 22 -1167 12 -12 95 -43 205 -77 306 -93 696 -213 1265 -390 1190 -368 1222 -377 1310 -378 67 -1 100 5 200 37 66 21 206 65 310 97 105 32 483 148 840 258 751 231 1336 411 1382 424 68 19 64 -77 61 1431 l-3 1362 -23 124 c-100 531 -319 965 -719 1421 -432 493 -1074 959 -1857 1346 -195 97 -187 97 -396 -6z m748 -1430 c91 -54 127 -52 224 9 36 22 68 41 72 41 3 0 6 -130 6 -290 l0 -290 -195 0 -195 0 0 291 c0 159 3 288 8 286 4 -2 40 -23 80 -47z m-278 -315 l0 -64 -703 -3 -702 -3 -67 -33 c-78 -38 -129 -93 -157 -166 -42 -112 -36 -278 14 -376 57 -113 131 -161 260 -170 l80 -5 1 -1317 0 -1318 -47 0 c-88 0 -222 55 -298 124 -39 35 -98 133 -123 204 l-23 67 0 1335 c0 1268 1 1338 18 1395 60 196 199 337 373 379 48 12 185 14 717 15 l657 1 0 -65z m1206 34 c16 -17 26 -39 27 -59 2 -31 -1 -34 -31 -41 -18 -4 -36 -10 -40 -14 -4 -3 -9 -113 -12 -243 l-5 -237 -50 0 -50 0 -3 235 c-2 207 -4 237 -19 248 -11 8 -56 12 -135 12 l-118 0 0 66 0 65 205 -3 205 -3 26 -26z m-1206 -350 c0 -20 10 -40 29 -60 l29 -29 327 0 326 0 24 24 c13 13 27 40 30 60 5 26 12 36 26 36 18 0 19 -9 19 -140 l0 -140 -1063 0 c-1015 0 -1064 1 -1097 19 -45 23 -80 75 -80 116 0 45 37 96 90 123 l44 22 648 0 648 0 0 -31z m1189 -533 l31 -30 0 -1243 c0 -1092 -2 -1248 -15 -1273 -33 -63 32 -60 -1160 -60 l-1085 0 0 1320 0 1320 1099 -2 1100 -3 30 -29z"></path></g></g><g id="l6ftWhzK0sYYmxTl7aDEKfC" fill="rgb(197,193,191)" style="transform: none;"><g><path id="ptO78sgHY" d="M5010 8608 c-177 -78 -544 -267 -710 -364 -842 -493 -1452 -1071 -1825 -1728 -160 -283 -271 -601 -337 -966 l-22 -125 -3 -1420 c-3 -1341 -2 -1422 14 -1454 10 -19 29 -43 43 -53 14 -10 214 -76 445 -147 231 -71 692 -213 1025 -316 333 -103 628 -194 655 -202 28 -8 133 -41 235 -73 287 -91 556 -170 580 -170 12 0 209 57 438 126 229 69 536 161 682 205 146 44 479 146 740 226 261 80 606 185 765 234 160 49 305 96 323 106 18 9 42 33 55 52 l22 36 0 1390 c0 1511 1 1478 -57 1745 -153 711 -573 1345 -1283 1937 -405 338 -950 682 -1474 930 -176 83 -191 85 -311 31z m276 -302 c783 -387 1425 -853 1857 -1346 400 -456 619 -890 719 -1421 l23 -124 3 -1332 c3 -1475 7 -1382 -61 -1401 -46 -13 -631 -193 -1382 -424 -357 -110 -735 -226 -840 -258 -104 -32 -244 -76 -310 -97 -79 -25 -137 -37 -170 -37 -52 2 -281 69 -1280 378 -569 177 -959 297 -1265 390 -110 34 -193 65 -205 77 -20 19 -20 33 -20 1187 -1 1234 4 1475 28 1612 60 328 167 635 312 891 244 430 619 843 1089 1198 224 168 509 349 838 529 193 106 484 252 503 252 7 0 80 -33 161 -74z"></path></g></g><g id="l3kIxVRbyEMkmh38aUqIwlR" fill="rgb(244,237,228)" style="transform: none;"><g><path id="p1BYyhVBIR" d="M3510 7395 c-7 -8 -8 -15 -2 -15 5 0 15 7 22 15 7 8 8 15 2 15 -5 0 -15 -7 -22 -15z"></path><path id="p1EBdwT1Gj" d="M3435 7330 c-10 -11 -14 -20 -8 -20 5 0 18 9 28 20 10 11 14 20 8 20 -5 0 -18 -9 -28 -20z"></path><path id="prfk8rwd2" d="M6925 7190 c16 -16 31 -28 33 -25 7 7 -39 55 -52 55 -5 0 3 -13 19 -30z"></path><path id="p3IxxVZFp" d="M3115 7010 c-10 -11 -14 -20 -8 -20 5 0 18 9 28 20 10 11 14 20 8 20 -5 0 -18 -9 -28 -20z"></path><path id="p1AhhqKvbP" d="M5557 6993 c-4 -3 -7 -152 -7 -330 l0 -323 225 0 225 0 -2 327 c-3 285 -5 328 -18 331 -9 1 -52 -19 -95 -46 -44 -26 -88 -51 -98 -55 -13 -5 -49 10 -115 48 -101 58 -105 59 -115 48z"></path><path id="pNixgKuAK" d="M3986 6664 c-174 -42 -313 -183 -373 -379 -17 -57 -18 -128 -18 -1425 l0 -1365 23 -67 c25 -71 84 -169 123 -204 86 -78 209 -124 329 -124 l78 0 -2 1348 -1 1347 -80 5 c-57 4 -94 13 -128 30 -156 78 -218 310 -132 486 31 63 79 108 155 143 l55 26 702 0 703 0 0 98 0 97 -687 -1 c-558 -1 -699 -3 -747 -15z"></path><path id="pjqUIOzPc" d="M6130 6676 c-1 -4 -1 -47 -1 -98 l-1 -91 115 2 c70 1 124 -2 136 -9 20 -10 21 -20 23 -248 l3 -237 80 0 80 0 5 237 c3 130 8 240 12 243 4 4 22 10 40 14 l33 7 0 62 c0 54 -4 65 -28 89 l-27 28 -235 3 c-129 2 -235 1 -235 -2z"></path><path id="p1AkFKrbrj" d="M7427 6599 c10 -17 24 -36 32 -42 8 -7 2 7 -14 31 -32 49 -45 57 -18 11z"></path><path id="p2S4IRgBj" d="M2795 6591 c3 -6 -3 -14 -12 -20 -10 -6 -13 -11 -7 -11 12 0 34 20 34 32 0 4 -5 8 -11 8 -5 0 -8 -4 -4 -9z"></path><path id="pWmuAyqnV" d="M4024 6311 c-126 -57 -135 -238 -14 -302 33 -18 83 -19 1127 -19 l1093 0 0 171 0 170 -52 -3 c-39 -2 -53 -7 -54 -18 -1 -8 -2 -23 -2 -33 -1 -10 -13 -29 -27 -42 l-24 -25 -296 0 -297 0 -29 29 c-19 20 -29 40 -29 60 l0 31 -677 0 c-638 0 -680 -2 -719 -19z"></path><path id="pn4hDGwqa" d="M7750 5967 c0 -7 7 -22 15 -33 13 -17 14 -16 4 14 -11 33 -19 41 -19 19z"></path><path id="p1AJE2SkHp" d="M4320 5798 c0 -2 -1 -609 -3 -1351 l-2 -1347 1118 0 c1228 0 1159 -3 1192 60 13 25 15 184 15 1303 l0 1273 -31 30 -30 29 -1130 3 c-621 1 -1129 1 -1129 0z"></path><path id="p1F3PXkbdR" d="M2345 4005 c0 -693 1 -975 2 -627 2 349 2 916 0 1260 -1 345 -2 60 -2 -633z"></path><path id="pMY0Cpq4A" d="M7897 5243 c-10 -9 -7 -74 3 -98 6 -14 9 -2 9 43 1 62 0 68 -12 55z"></path><path id="pEBPEdm3w" d="M7893 5080 c-1 -11 2 -22 8 -25 5 -4 9 3 9 14 0 26 -15 35 -17 11z"></path><path id="pUSNoHlOf" d="M7896 4983 c-9 -50 -5 -723 5 -723 5 0 9 154 8 375 0 206 -2 375 -4 375 -2 0 -6 -12 -9 -27z"></path><path id="p195TS7MS8" d="M7896 4193 c-9 -39 -4 -463 5 -493 4 -14 8 98 8 248 1 149 -1 272 -3 272 -3 0 -7 -12 -10 -27z"></path><path id="pJRbZPnGK" d="M7898 3564 c-5 -4 -8 -21 -7 -38 0 -30 0 -30 10 -7 11 27 8 57 -3 45z"></path><path id="p1FaO4QW6h" d="M7895 3471 c-9 -15 -4 -171 6 -177 5 -3 9 37 9 90 0 93 -2 107 -15 87z"></path><path id="pqZWc39gF" d="M7890 3156 c0 -8 5 -18 10 -21 6 -3 10 3 10 14 0 12 -4 21 -10 21 -5 0 -10 -6 -10 -14z"></path><path id="pC02aiZXy" d="M7893 3001 c3 -80 17 -91 17 -13 0 33 -4 64 -10 67 -6 4 -9 -17 -7 -54z"></path><path id="pFzzmfasA" d="M2380 2681 c0 -11 31 -24 39 -16 3 3 -1 10 -9 15 -19 12 -30 12 -30 1z"></path><path id="pKJTPTYvv" d="M7771 2665 c-21 -7 -30 -15 -22 -19 14 -9 81 12 81 25 0 11 -16 10 -59 -6z"></path><path id="p1688uEGSr" d="M2506 2645 c6 -14 83 -40 92 -31 9 9 -1 15 -51 30 -35 10 -44 11 -41 1z"></path><path id="pdheKgBl7" d="M2766 2565 c4 -8 9 -15 13 -15 3 0 16 -3 29 -6 34 -10 26 13 -9 25 -40 14 -39 14 -33 -4z"></path><path id="pARd153ud" d="M7420 2550 c0 -5 7 -10 15 -10 8 0 15 5 15 10 0 6 -7 10 -15 10 -8 0 -15 -4 -15 -10z"></path><path id="pH6SWivOv" d="M2952 2508 c5 -15 28 -23 28 -10 0 5 -7 13 -16 16 -10 4 -14 1 -12 -6z"></path><path id="pHcHpr0QW" d="M7285 2510 c3 -5 13 -10 21 -10 8 0 14 5 14 10 0 6 -9 10 -21 10 -11 0 -17 -4 -14 -10z"></path><path id="p19CBjnfcn" d="M3030 2485 c0 -8 7 -15 15 -15 8 0 15 4 15 9 0 5 -7 11 -15 15 -9 3 -15 0 -15 -9z"></path><path id="p3reo39al" d="M7190 2480 c0 -5 7 -10 15 -10 8 0 15 5 15 10 0 6 -7 10 -15 10 -8 0 -15 -4 -15 -10z"></path><path id="pvixw010m" d="M3110 2459 c0 -5 12 -14 26 -19 31 -12 34 -12 34 -1 0 5 -13 14 -30 20 -19 6 -30 6 -30 0z"></path><path id="pIZ0E2X2s" d="M7070 2450 c-8 -5 -11 -13 -6 -17 5 -4 11 -3 13 3 2 7 13 10 23 7 11 -3 20 0 20 6 0 13 -29 14 -50 1z"></path><path id="piHQo65je" d="M3257 2414 c3 -8 8 -14 12 -14 3 0 16 -3 29 -6 36 -10 25 12 -12 23 -28 9 -34 8 -29 -3z"></path><path id="p183NhD6Jf" d="M3402 2368 c2 -6 31 -19 63 -29 71 -22 65 -21 65 -10 0 10 -44 30 -95 41 -24 5 -35 5 -33 -2z"></path><path id="p1Fb1B6C0M" d="M6791 2366 c-26 -9 -31 -15 -21 -21 9 -5 15 -4 18 3 2 7 8 10 12 7 13 -8 60 5 60 16 0 12 -28 10 -69 -5z"></path><path id="pWVpRTYfX" d="M3547 2324 c3 -8 11 -14 19 -14 21 0 17 17 -5 23 -14 3 -18 1 -14 -9z"></path><path id="pexCHi095" d="M6700 2330 c0 -5 7 -10 15 -10 8 0 15 5 15 10 0 6 -7 10 -15 10 -8 0 -15 -4 -15 -10z"></path><path id="p14n0BTKvl" d="M6646 2321 c-16 -6 -17 -9 -6 -16 8 -5 15 -4 18 3 2 6 10 8 18 5 8 -3 14 0 14 6 0 12 -16 13 -44 2z"></path><path id="pWwySSDHR" d="M6550 2290 c-8 -5 -11 -13 -6 -17 5 -4 11 -3 13 4 2 7 11 9 19 6 8 -3 14 0 14 6 0 13 -20 14 -40 1z"></path><path id="pKer0drHv" d="M3740 2264 c0 -15 26 -19 34 -5 3 5 -3 11 -14 14 -13 3 -20 0 -20 -9z"></path><path id="pZ2T7T8Vk" d="M3966 2195 c6 -14 53 -30 62 -20 8 8 -2 15 -36 24 -24 7 -30 6 -26 -4z"></path><path id="p1F8eFLe5E" d="M6253 2200 c-13 -5 -23 -15 -22 -22 0 -9 2 -10 5 -1 3 7 12 9 20 6 8 -3 14 -1 14 5 0 6 9 8 20 5 11 -3 20 0 20 6 0 13 -26 13 -57 1z"></path><path id="paez9KxGS" d="M4212 2118 c5 -15 28 -23 28 -10 0 5 -7 13 -16 16 -10 4 -14 1 -12 -6z"></path><path id="ph1EzmVTb" d="M5923 2099 c-35 -11 -63 -24 -63 -29 0 -6 5 -10 10 -10 6 0 10 3 10 8 0 4 14 8 32 8 18 1 34 6 36 12 2 6 10 8 18 5 8 -3 14 0 14 6 0 6 7 8 15 5 8 -4 15 -1 15 5 0 14 -13 13 -87 -10z"></path><path id="pZm1ZmNqN" d="M4417 2054 c3 -8 11 -14 19 -14 21 0 17 17 -5 23 -14 3 -18 1 -14 -9z"></path><path id="pTIT8w9sG" d="M5790 2050 c0 -5 7 -10 15 -10 8 0 15 5 15 10 0 6 -7 10 -15 10 -8 0 -15 -4 -15 -10z"></path><path id="pbdUsjxQe" d="M4650 1985 c0 -8 7 -15 15 -15 8 0 15 4 15 9 0 5 -7 11 -15 15 -9 3 -15 0 -15 -9z"></path><path id="pKz54nVXe" d="M4746 1955 c4 -8 12 -15 20 -15 19 0 18 16 -2 24 -22 9 -24 8 -18 -9z"></path><path id="pi1lPXTOk" d="M5500 1960 c0 -5 7 -10 15 -10 8 0 15 5 15 10 0 6 -7 10 -15 10 -8 0 -15 -4 -15 -10z"></path><path id="pUZqW1dJX" d="M4850 1920 c0 -5 6 -10 14 -10 8 0 18 5 21 10 3 6 -3 10 -14 10 -12 0 -21 -4 -21 -10z"></path><path id="pc0FO45m9" d="M5346 1921 c-16 -6 -17 -9 -6 -16 8 -5 15 -4 18 3 2 6 10 8 18 5 8 -3 14 0 14 6 0 12 -16 13 -44 2z"></path><path id="pNtqxsgqA" d="M5238 1888 c-27 -9 -39 -28 -18 -28 6 0 10 4 10 10 0 5 7 7 15 4 8 -4 15 -2 15 4 0 6 9 8 20 5 11 -3 20 0 20 6 0 13 -25 13 -62 -1z"></path><path id="p5TVvuqG2" d="M5016 1875 c3 -7 22 -17 43 -24 46 -13 51 -14 51 -3 0 5 -22 15 -49 24 -37 12 -48 12 -45 3z"></path><path id="plWfg3Kga" d="M5120 1850 c0 -5 11 -10 25 -10 14 0 25 5 25 10 0 6 -11 10 -25 10 -14 0 -25 -4 -25 -10z"></path></g></g></svg>
\ No newline at end of file
diff --git a/frontend/public/badge_open_source.svg b/frontend/public/badge_open_source.svg
new file mode 100644
index 0000000..1bcba58
--- /dev/null
+++ b/frontend/public/badge_open_source.svg
@@ -0,0 +1 @@
+<svg class="img-fluid" id="outputsvg" xmlns="http://www.w3.org/2000/svg" style="transform: none; transform-origin: 50% 50%; cursor: move;" width="1024" height="1024" viewBox="0 0 10240 10240"><g id="l1qRQybLBWmvHkxz6ODUYph" fill="rgb(23,69,100)" style="transform: none;"><g><path id="ptIvdMkRY" d="M5035 9118 c-87 -44 -467 -268 -625 -366 -763 -478 -1362 -984 -1771 -1498 -326 -407 -561 -898 -663 -1381 -63 -299 -60 -183 -63 -2073 l-4 -1726 273 -87 c150 -48 406 -129 568 -181 330 -105 1114 -356 2173 -695 97 -32 176 -51 205 -51 32 0 139 30 342 96 162 53 322 104 355 114 61 18 599 190 1155 370 304 98 965 310 1217 391 l133 42 2 1486 c4 1773 0 1976 -36 2186 -128 739 -488 1371 -1142 2005 -414 401 -928 779 -1574 1157 -335 196 -423 243 -455 243 -17 -1 -57 -15 -90 -32z m-1102 -2374 c18 -9 61 -45 97 -80 94 -92 156 -117 293 -122 111 -4 161 5 249 48 34 16 38 17 42 1 3 -9 21 -72 41 -141 20 -69 47 -153 60 -188 14 -34 25 -69 25 -77 0 -9 -20 -24 -47 -35 -228 -94 -429 -255 -565 -450 -285 -410 -290 -983 -12 -1401 55 -83 186 -224 263 -283 228 -175 475 -256 780 -256 122 0 173 5 265 24 379 80 688 317 851 651 96 198 125 326 125 555 0 299 -70 524 -230 739 -129 174 -371 360 -537 415 -29 10 -55 21 -58 26 -3 5 21 89 54 187 33 98 62 195 66 215 7 37 8 37 34 24 14 -8 59 -24 98 -36 60 -18 90 -21 170 -18 134 6 192 29 280 115 37 36 85 74 107 85 38 19 40 19 80 2 54 -24 451 -415 466 -460 15 -43 0 -77 -64 -144 -94 -99 -126 -180 -126 -318 1 -163 66 -291 188 -370 69 -44 97 -52 210 -61 81 -7 97 -11 130 -38 70 -55 72 -67 72 -351 0 -190 -3 -261 -14 -285 -18 -44 -78 -95 -118 -101 -18 -2 -68 -9 -110 -14 -126 -16 -221 -77 -294 -189 -47 -72 -67 -165 -61 -280 5 -113 37 -187 123 -283 69 -77 78 -100 60 -143 -8 -18 -113 -131 -235 -252 -220 -219 -221 -220 -265 -220 -40 0 -49 5 -124 76 -112 105 -149 122 -288 127 -165 6 -268 -30 -365 -129 -61 -63 -89 -125 -106 -239 -19 -125 -42 -175 -90 -198 -21 -9 -39 -20 -41 -24 -6 -12 -502 -10 -502 2 0 6 -6 10 -14 10 -20 0 -74 47 -91 79 -7 15 -18 69 -24 121 -12 111 -44 183 -111 250 -97 98 -199 134 -364 128 -100 -3 -116 -6 -166 -33 -30 -17 -82 -56 -115 -88 -33 -32 -69 -65 -80 -73 -27 -19 -81 -18 -113 3 -15 10 -123 115 -241 235 l-214 217 5 45 c5 39 15 56 71 116 95 103 112 149 112 315 0 157 -17 210 -95 297 -82 92 -188 138 -316 138 -30 0 -67 6 -82 14 -36 19 -78 65 -91 99 -7 17 -11 125 -11 274 0 228 2 250 20 289 32 66 87 96 190 105 101 9 137 20 208 67 98 64 156 157 178 286 16 91 11 162 -17 244 -18 53 -83 152 -99 152 -5 0 -22 19 -40 43 -26 35 -31 48 -26 81 4 35 25 60 213 249 185 186 257 246 296 247 4 0 22 -7 40 -16z"></path></g></g><g id="l2PdZ0I1IwtQkSmzcdiH5LN" fill="rgb(178,179,181)" style="transform: none;"><g><path id="pxFmnLWXC" d="M5055 9428 c-100 -36 -668 -374 -1005 -598 -1030 -686 -1678 -1355 -2054 -2125 -184 -376 -280 -688 -333 -1085 -17 -126 -18 -255 -18 -1901 l0 -1765 27 -42 c16 -23 39 -49 53 -58 14 -9 186 -68 383 -131 676 -216 858 -274 1052 -338 182 -59 499 -161 755 -242 61 -19 142 -45 180 -58 39 -13 212 -69 385 -125 173 -56 377 -122 452 -147 76 -25 157 -45 180 -45 28 -1 149 33 348 96 168 54 384 122 480 153 96 30 207 66 245 79 39 12 158 51 265 84 345 109 599 190 860 274 140 46 316 102 390 125 74 24 180 58 235 76 55 18 181 59 280 90 283 89 312 101 345 147 16 21 33 61 39 89 8 34 11 564 11 1687 -1 1815 -1 1833 -62 2167 -138 760 -590 1526 -1273 2158 -475 440 -1048 850 -1755 1255 -347 199 -377 211 -465 180z m245 -406 c802 -454 1361 -853 1824 -1302 654 -634 1013 -1265 1142 -2005 36 -210 39 -391 36 -2141 l-2 -1471 -133 -42 c-252 -81 -913 -293 -1217 -391 -556 -180 -1094 -352 -1155 -370 -33 -10 -193 -61 -355 -114 -162 -53 -303 -96 -312 -96 -9 0 -88 23 -175 51 -1059 339 -1843 590 -2173 695 -162 52 -418 133 -568 181 l-272 87 3 1696 c3 1546 5 1705 20 1809 102 667 359 1215 830 1766 99 115 373 390 510 511 304 269 720 575 1137 836 164 103 542 324 625 366 69 35 46 41 235 -66z"></path></g></g><g id="l71MzjyizFsP9h6IaEh7KSQ" fill="rgb(250,246,242)" style="transform: none;"><g><path id="p1BUYgIH5r" d="M7020 7825 c19 -19 36 -35 39 -35 3 0 -10 16 -29 35 -19 19 -36 35 -39 35 -3 0 10 -16 29 -35z"></path><path id="p13DEFdKVr" d="M3055 7668 l-130 -133 133 130 c72 71 132 131 132 132 0 8 -15 -6 -135 -129z"></path><path id="p1DXoJJ7tF" d="M7190 7668 c24 -27 45 -48 47 -48 8 0 0 9 -44 50 l-48 45 45 -47z"></path><path id="pZBQcj2xX" d="M7330 7517 c0 -2 15 -16 33 -33 l32 -29 -29 33 c-28 30 -36 37 -36 29z"></path><path id="pWqMgxh9E" d="M3815 6771 c-25 -12 -118 -97 -247 -227 -223 -225 -233 -239 -218 -325 6 -34 54 -109 70 -109 5 0 25 -22 44 -49 135 -183 86 -447 -106 -573 -71 -47 -107 -58 -208 -67 -103 -9 -158 -39 -190 -105 -19 -39 -20 -61 -20 -319 0 -170 4 -286 11 -304 13 -34 55 -80 91 -99 15 -8 52 -14 82 -14 128 0 234 -46 316 -138 72 -81 94 -143 94 -267 0 -132 -21 -188 -109 -282 -73 -79 -91 -126 -76 -194 8 -37 37 -69 218 -253 114 -116 219 -219 233 -228 14 -9 41 -19 61 -23 62 -12 108 9 184 82 99 96 159 126 261 131 130 7 243 -36 334 -128 67 -67 99 -139 111 -250 6 -52 17 -106 24 -121 17 -32 71 -79 91 -79 8 0 14 -4 14 -10 0 -12 556 -14 562 -2 1 4 20 15 41 24 48 23 71 73 90 198 17 114 45 176 106 239 91 93 204 136 335 129 106 -6 156 -31 258 -127 l81 -76 74 0 73 0 229 230 c196 197 230 235 236 268 12 64 -1 100 -65 173 -114 128 -149 246 -116 387 39 166 174 288 344 309 42 5 92 12 110 14 43 7 107 65 123 112 9 26 13 120 13 307 0 305 -3 320 -76 378 -33 27 -49 31 -130 38 -114 9 -141 17 -209 62 -66 42 -87 65 -132 140 -48 80 -65 174 -48 270 14 84 45 141 117 217 73 77 90 134 64 207 -16 43 -396 420 -452 449 -90 46 -150 28 -261 -79 -79 -77 -147 -108 -249 -115 -77 -5 -180 21 -261 66 -53 30 -60 27 -72 -37 -4 -20 -36 -123 -72 -230 -75 -225 -75 -229 9 -256 167 -56 409 -242 538 -416 67 -90 138 -225 174 -331 71 -209 74 -525 5 -731 -34 -101 -124 -277 -181 -352 -414 -550 -1184 -657 -1729 -239 -77 59 -208 200 -263 283 -114 172 -188 392 -201 596 -24 402 168 800 505 1042 72 51 131 84 300 166 36 18 36 52 1 143 -17 44 -49 144 -72 224 -22 80 -45 149 -49 153 -4 5 -34 -5 -66 -22 -101 -50 -156 -64 -242 -59 -105 6 -178 40 -262 122 -36 35 -79 71 -97 80 -42 21 -99 20 -148 -3z"></path><path id="pvhtxtLSF" d="M2257 6605 c-24 -50 -20 -58 4 -12 11 22 19 41 17 43 -3 2 -12 -12 -21 -31z"></path><path id="p6vXj2HzX" d="M7987 6585 c15 -30 29 -53 31 -51 4 5 -46 106 -53 106 -3 0 7 -25 22 -55z"></path><path id="pFZ4vGjC4" d="M1942 5500 c0 -19 2 -27 5 -17 2 9 2 25 0 35 -3 9 -5 1 -5 -18z"></path><path id="p12s9RziEK" d="M8303 5475 c0 -22 2 -30 4 -17 2 12 2 30 0 40 -3 9 -5 -1 -4 -23z"></path><path id="p8mNYMfbf" d="M1935 3765 c0 -913 1 -1288 2 -833 2 454 2 1201 0 1660 -1 458 -2 86 -2 -827z"></path><path id="pP9GWsFp8" d="M8315 3770 c0 -877 1 -1236 2 -797 2 438 2 1156 0 1595 -1 438 -2 79 -2 -798z"></path><path id="poToe81kE" d="M5113 1083 c9 -2 25 -2 35 0 9 3 1 5 -18 5 -19 0 -27 -2 -17 -5z"></path></g></g></svg>
\ No newline at end of file
diff --git a/frontend/public/badge_smart_contract.svg b/frontend/public/badge_smart_contract.svg
new file mode 100644
index 0000000..1cb5fea
--- /dev/null
+++ b/frontend/public/badge_smart_contract.svg
@@ -0,0 +1 @@
+<svg class="img-fluid" id="outputsvg" xmlns="http://www.w3.org/2000/svg" style="transform: none; transform-origin: 50% 50%; cursor: move;" width="1024" height="1024" viewBox="0 0 10240 10240"><g id="l1RWVLteD5va5KUwOLfNfF5" fill="rgb(9,71,103)" style="transform: none;"><g><path id="pDd5CDKCn" d="M4985 8392 c-328 -190 -705 -442 -1005 -670 -1012 -770 -1500 -1434 -1673 -2277 -20 -98 -21 -132 -24 -1566 l-4 -1465 93 -28 c51 -16 309 -95 573 -176 264 -82 554 -171 645 -198 197 -60 1030 -316 1115 -342 33 -11 132 -42 221 -69 88 -28 175 -51 192 -51 30 0 717 207 2087 628 303 93 594 182 647 198 92 27 98 31 103 59 12 62 -2 2868 -14 2934 -114 635 -386 1144 -886 1660 -403 416 -978 864 -1599 1246 -228 139 -295 175 -336 175 -25 0 -65 -17 -135 -58z m1320 -1796 c33 -7 82 -22 109 -34 27 -12 53 -22 58 -22 17 0 119 -94 159 -148 74 -97 82 -141 87 -435 3 -244 2 -260 -17 -300 -12 -24 -36 -54 -53 -68 l-33 -24 -440 -3 -440 -3 -44 23 c-85 44 -86 45 -89 330 -2 158 1 270 8 304 28 132 122 258 247 328 54 30 83 39 188 60 46 9 204 4 260 -8z m-905 -759 c0 -234 9 -278 69 -355 22 -27 60 -62 84 -78 l45 -29 4 -170 c3 -180 2 -177 66 -299 22 -43 134 -162 166 -176 6 -3 24 -14 39 -24 16 -11 56 -27 90 -36 l62 -17 3 -602 2 -601 -1065 0 -1064 0 -21 -22 c-29 -31 -29 -125 0 -156 18 -19 31 -22 100 -22 l80 0 0 -97 c0 -54 -5 -115 -10 -135 -25 -89 -129 -177 -219 -186 -96 -9 -221 80 -257 184 -21 59 -20 2715 0 2792 27 101 138 200 246 220 33 6 362 10 818 11 l762 1 0 -203z m480 -585 c0 -118 2 -131 26 -177 14 -28 34 -58 44 -69 30 -30 119 -57 212 -63 81 -5 90 -4 130 20 55 34 98 75 122 118 16 27 20 60 24 167 l4 132 46 0 45 0 -6 -112 c-6 -128 -18 -174 -61 -238 -42 -63 -91 -106 -161 -143 -54 -28 -69 -32 -145 -32 -71 0 -94 4 -141 26 -156 73 -229 202 -229 402 l0 97 45 0 45 0 0 -128z m371 -2013 c91 -31 157 -128 146 -218 -12 -104 -85 -209 -182 -259 l-50 -27 -1018 -3 -1017 -2 45 61 c70 95 94 203 95 422 l0 37 974 0 c701 0 983 -3 1007 -11z"></path><path id="pbTFPUAV5" d="M6079 6361 c-28 -29 -29 -32 -29 -131 0 -101 0 -101 -30 -127 -46 -38 -60 -74 -60 -151 0 -133 68 -202 198 -202 73 0 116 16 154 56 36 39 48 74 48 145 0 71 -16 113 -59 153 -31 30 -31 30 -31 137 0 104 -1 108 -26 128 -20 15 -41 21 -81 21 -47 0 -59 -4 -84 -29z"></path><path id="pSdNQwSwV" d="M3970 5017 c-53 -44 -55 -141 -2 -164 20 -9 206 -13 690 -14 760 -1 702 -9 702 88 0 44 -5 58 -25 78 l-24 25 -663 0 c-512 -1 -666 -3 -678 -13z"></path><path id="pABHiTwdR" d="M3965 4507 c-26 -22 -27 -25 -20 -90 4 -38 14 -75 22 -83 12 -12 132 -14 836 -14 l821 0 28 27 c22 21 28 36 28 70 0 49 -21 97 -45 107 -9 3 -383 6 -830 6 l-814 0 -26 -23z"></path><path id="pcu2jzVny" d="M3961 4014 c-22 -16 -23 -21 -16 -78 12 -106 -80 -96 876 -96 956 0 859 -11 859 94 0 43 -5 61 -20 76 -20 20 -33 20 -848 20 -750 0 -830 -2 -851 -16z"></path></g></g><g id="l2BgorjXj6OwSMmsev6QmyK" fill="rgb(194,191,189)" style="transform: none;"><g><path id="p5ZgIQDTq" d="M4990 8634 c-324 -182 -729 -445 -1030 -669 -1166 -869 -1717 -1637 -1877 -2617 -15 -92 -17 -251 -20 -1553 -3 -1037 -1 -1457 7 -1476 6 -14 26 -41 44 -58 37 -36 -85 3 1686 -541 558 -171 1071 -329 1139 -351 82 -26 142 -39 179 -39 44 0 204 46 771 221 394 122 772 238 841 259 69 21 296 91 505 155 903 278 874 268 919 329 21 27 21 29 21 1484 0 1146 -3 1475 -13 1542 -101 658 -376 1209 -884 1770 -393 435 -1114 1003 -1758 1387 -305 181 -318 187 -395 191 -65 3 -75 0 -135 -34z m206 -253 c354 -193 929 -590 1309 -905 853 -707 1260 -1324 1406 -2137 12 -67 26 -2812 14 -2874 -5 -28 -11 -32 -103 -59 -53 -16 -344 -105 -647 -198 -302 -93 -889 -272 -1303 -399 l-754 -230 -161 51 c-89 28 -189 59 -222 70 -85 26 -918 282 -1115 342 -91 27 -381 116 -645 198 -264 81 -522 160 -573 176 l-93 28 4 1435 c3 1404 4 1438 24 1536 115 559 367 1033 799 1499 397 430 973 888 1629 1297 160 99 346 209 355 209 3 0 37 -18 76 -39z"></path><path id="pRhBZ0MDb" d="M5760 6530 l-35 -29 38 -1 c35 0 37 2 37 30 0 17 -1 30 -3 30 -1 0 -18 -13 -37 -30z"></path><path id="p1B8GA3ctE" d="M6630 6416 c0 -33 2 -36 31 -36 l30 0 -21 30 c-31 44 -40 45 -40 6z"></path><path id="pkfxBJeH2" d="M6690 6295 c0 -28 4 -35 20 -35 22 0 26 20 10 51 -16 30 -30 23 -30 -16z"></path><path id="pt2WmqOtY" d="M6240 6127 c0 -23 17 -47 32 -47 4 0 8 16 8 35 0 28 -4 35 -20 35 -14 0 -20 -7 -20 -23z"></path><path id="pX7az1hWM" d="M3850 6050 c0 -17 7 -20 45 -20 38 0 45 3 45 20 0 17 -7 20 -45 20 -38 0 -45 -3 -45 -20z"></path><path id="pTPorCn61" d="M5610 5045 c0 -30 3 -35 24 -35 23 0 24 2 13 35 -6 19 -16 35 -24 35 -8 0 -13 -13 -13 -35z"></path><path id="pINBIeSxr" d="M6120 4956 c0 -23 4 -26 35 -26 28 0 35 4 35 20 0 13 -7 20 -19 20 -11 0 -26 3 -35 6 -12 5 -16 0 -16 -20z"></path><path id="phd5vtQXJ" d="M6350 3198 c0 -34 3 -38 25 -38 31 0 32 11 0 47 l-24 28 -1 -37z"></path><path id="pNmnCcN3c" d="M6350 2865 c0 -43 10 -44 33 -6 22 38 22 41 -8 41 -22 0 -25 -4 -25 -35z"></path></g></g><g id="l6sq18UcymeiZZumEBwC0ts" fill="rgb(249,243,235)" style="transform: none;"><g><path id="pvjpHyHBC" d="M5055 8400 c-27 -17 -46 -30 -41 -30 11 0 96 49 96 55 0 7 0 7 -55 -25z"></path><path id="p5LZODWrc" d="M5121 8427 c21 -17 79 -45 79 -39 0 5 -16 16 -35 25 -32 15 -56 23 -44 14z"></path><path id="pEs9pMGB8" d="M4910 8315 c-30 -19 -50 -35 -44 -35 5 0 34 16 64 35 30 19 51 34 45 34 -5 0 -35 -15 -65 -34z"></path><path id="pzExmPoGn" d="M5290 8337 c0 -7 232 -149 236 -144 2 2 -40 30 -94 62 -53 32 -107 65 -119 73 -13 8 -23 12 -23 9z"></path><path id="pAW7gIbOm" d="M4770 8230 c-25 -16 -40 -30 -35 -30 6 0 30 14 55 30 25 16 41 30 35 29 -5 0 -30 -13 -55 -29z"></path><path id="phwb26Bak" d="M5554 8171 c4 -6 16 -16 28 -22 15 -8 18 -8 14 0 -4 6 -16 16 -28 22 -15 8 -18 8 -14 0z"></path><path id="poESyjKBz" d="M4605 8124 c-27 -18 -47 -34 -43 -34 8 0 108 62 108 66 0 10 -19 0 -65 -32z"></path><path id="pcRxY0MEB" d="M5615 8133 c16 -16 225 -154 225 -148 0 2 -46 35 -102 73 -113 75 -139 91 -123 75z"></path><path id="pTz0dIkTt" d="M5875 7955 c17 -14 34 -25 39 -25 6 0 -5 11 -24 25 -43 32 -54 32 -15 0z"></path><path id="puruQHnow" d="M4292 7913 c-45 -31 -80 -58 -78 -60 4 -4 136 86 161 108 24 23 -8 4 -83 -48z"></path><path id="paImDAS6V" d="M5950 7906 c0 -2 30 -26 68 -52 37 -26 83 -59 101 -73 19 -14 32 -21 28 -14 -11 17 -197 149 -197 139z"></path><path id="pNIq5q5ya" d="M4143 7804 l-28 -26 33 22 c29 20 39 30 28 30 -3 0 -18 -12 -33 -26z"></path><path id="ptAHPVk76" d="M4020 7714 c-88 -68 -106 -83 -80 -69 24 14 170 125 170 130 0 8 -3 6 -90 -61z"></path><path id="piDBByiyG" d="M6190 7732 c27 -23 192 -154 308 -245 6 -5 12 -7 12 -5 0 6 -258 212 -315 252 l-40 28 35 -30z"></path><path id="pHs7u9y2b" d="M3820 7559 c-79 -63 -124 -105 -85 -78 32 21 165 131 165 135 0 7 -4 4 -80 -57z"></path><path id="pb3sHN7v0" d="M6555 7441 c21 -24 75 -66 75 -58 0 3 -21 22 -47 43 -27 21 -39 28 -28 15z"></path><path id="p9KNY4wJV" d="M3620 7394 c-78 -66 -121 -110 -65 -66 49 38 142 121 135 121 -3 0 -34 -25 -70 -55z"></path><path id="prFszEXcv" d="M6710 7305 c36 -32 156 -149 268 -260 111 -111 202 -199 202 -197 0 23 -466 478 -518 506 -10 5 12 -17 48 -49z"></path><path id="pkxTORkFs" d="M3440 7233 l-45 -46 53 43 c28 24 52 45 52 47 0 12 -22 -3 -60 -44z"></path><path id="p107OETiC4" d="M3272 7076 c-53 -52 -94 -97 -91 -100 3 -3 50 40 104 94 55 55 96 100 92 100 -5 0 -52 -42 -105 -94z"></path><path id="pKmROnshK" d="M3073 6863 c-43 -49 -105 -122 -138 -163 -33 -41 -63 -76 -67 -78 -5 -2 -8 -10 -8 -19 0 -8 31 25 69 74 37 48 105 130 150 181 45 50 80 92 77 92 -3 0 -40 -39 -83 -87z"></path><path id="p6WDUBjo4" d="M7223 6790 c106 -136 127 -162 127 -154 0 5 -27 43 -61 84 -63 78 -113 131 -66 70z"></path><path id="pAHLhpCJI" d="M6015 6634 c-103 -21 -131 -29 -180 -56 -128 -69 -227 -198 -255 -332 -7 -34 -10 -154 -8 -334 3 -319 3 -316 89 -360 l44 -23 470 3 470 3 33 24 c17 14 41 44 53 67 19 41 20 56 16 331 -4 328 -11 364 -86 465 -41 54 -141 148 -159 148 -5 0 -31 10 -58 22 -77 34 -160 47 -289 46 -66 0 -129 -2 -140 -4z m199 -296 c24 -22 26 -29 27 -128 l1 -105 39 -42 c62 -68 65 -153 6 -220 -81 -92 -213 -80 -272 24 -43 77 -30 152 35 206 30 26 30 26 30 127 0 99 1 102 29 131 35 35 71 37 105 7z"></path><path id="pgAQY4SpR" d="M7370 6607 c0 -8 70 -107 76 -107 8 0 4 7 -36 60 -22 29 -40 51 -40 47z"></path><path id="pmqHVIBP0" d="M2741 6434 c-34 -53 -65 -104 -68 -113 -3 -9 5 0 18 19 12 19 45 68 71 109 27 40 48 75 45 77 -2 2 -31 -40 -66 -92z"></path><path id="p137rpPgdI" d="M7470 6468 c0 -12 42 -79 47 -74 3 2 -7 22 -21 43 -14 20 -26 35 -26 31z"></path><path id="pDfyQAXqq" d="M7540 6357 c0 -4 25 -51 55 -104 57 -101 74 -120 30 -33 -28 56 -85 147 -85 137z"></path><path id="pOXim50v7" d="M7670 6119 c0 -10 40 -99 46 -99 2 0 -2 16 -10 35 -17 40 -35 73 -36 64z"></path><path id="p0DRTHGoZ" d="M3790 6057 c-67 -11 -144 -59 -194 -120 -72 -88 -68 4 -66 -1533 1 -1107 4 -1388 14 -1419 8 -21 33 -60 56 -88 130 -150 357 -129 458 42 25 43 27 56 32 189 3 79 3 146 1 148 -2 2 -39 4 -82 4 -68 0 -81 3 -99 22 -11 12 -20 34 -20 48 0 14 9 36 20 48 l21 22 1064 0 1065 0 -2 631 -3 632 -62 17 c-34 9 -74 25 -90 36 -15 10 -33 21 -39 24 -34 15 -144 133 -169 181 -15 30 -35 68 -44 84 -13 24 -17 67 -20 205 l-3 175 -45 29 c-24 16 -62 51 -84 78 -60 77 -69 121 -69 355 l0 203 -792 -1 c-461 -1 -816 -6 -848 -12z m1515 -1082 c30 -29 32 -65 6 -89 -17 -15 -71 -17 -652 -16 -662 0 -682 2 -693 43 -5 21 10 54 34 74 12 10 160 12 648 13 l633 0 24 -25z m315 -495 c35 -35 36 -68 4 -101 l-28 -29 -790 0 c-439 0 -797 4 -805 9 -8 5 -17 30 -21 55 -6 42 -5 49 18 66 24 19 46 20 813 20 772 0 789 0 809 -20z m10 -500 c22 -22 26 -60 10 -91 -10 -19 -30 -19 -819 -19 -757 0 -809 1 -823 18 -9 9 -18 32 -20 50 -9 65 -49 62 834 62 785 0 798 0 818 -20z"></path><path id="p17OzYdW2s" d="M7751 5930 c0 -14 28 -72 29 -59 0 4 -7 22 -15 40 -8 19 -14 27 -14 19z"></path><path id="phD8DRi0n" d="M2451 5854 c-12 -31 -20 -58 -18 -61 2 -2 14 22 25 54 12 31 20 59 18 61 -2 2 -14 -22 -25 -54z"></path><path id="p1aOfPcCi" d="M7793 5810 c17 -60 60 -181 63 -177 5 5 -43 153 -56 175 -8 11 -10 12 -7 2z"></path><path id="p1BehMoBP9" d="M2402 5720 c-30 -86 -27 -101 3 -20 14 36 23 69 22 75 -2 5 -13 -19 -25 -55z"></path><path id="pVAISHiMG" d="M2362 5581 c-7 -21 -12 -45 -11 -52 0 -8 7 8 15 35 9 26 13 50 11 52 -2 2 -9 -13 -15 -35z"></path><path id="pjqHVgx8c" d="M5760 5283 c0 -144 17 -223 62 -289 161 -239 513 -236 674 6 45 68 55 112 61 268 l6 142 -76 0 -75 0 -4 -132 c-4 -107 -8 -140 -24 -167 -52 -92 -175 -162 -244 -139 -8 3 -43 14 -78 24 -70 21 -88 36 -126 109 -24 46 -26 59 -26 177 l0 128 -75 0 -75 0 0 -127z"></path><path id="p14Xqoxrlj" d="M7912 5350 c0 -19 4 -48 8 -65 7 -27 8 -28 8 -5 1 14 -3 43 -7 65 l-9 40 0 -35z"></path><path id="pKyiRsEEW" d="M2303 5220 c0 -25 2 -35 4 -22 2 12 2 32 0 45 -2 12 -4 2 -4 -23z"></path><path id="pppchasBy" d="M7933 5155 c0 -44 2 -61 4 -37 2 23 2 59 0 80 -2 20 -4 1 -4 -43z"></path><path id="pf2syQaRw" d="M2295 3795 c0 -731 1 -1029 2 -662 2 368 2 966 0 1330 -1 364 -2 64 -2 -668z"></path><path id="pkbb8tJtF" d="M4232 3148 c-1 -162 -21 -237 -85 -325 -42 -57 -105 -113 -126 -113 -6 0 -11 -3 -11 -7 0 -5 492 -6 1092 -3 l1093 5 50 27 c109 58 176 163 183 290 4 69 2 84 -23 133 -28 58 -68 95 -124 114 -25 8 -315 11 -1041 11 l-1007 0 -1 -132z"></path><path id="p08TfNOyL" d="M2406 2395 c4 -9 11 -14 16 -13 15 5 11 23 -6 26 -11 2 -14 -2 -10 -13z"></path><path id="pZ0wo9yU6" d="M2645 2330 c11 -5 27 -9 35 -9 9 0 8 4 -5 9 -11 5 -27 9 -35 9 -9 0 -8 -4 5 -9z"></path><path id="p8FBSgz2Q" d="M7255 2230 c-13 -5 -14 -9 -5 -9 8 0 24 4 35 9 13 5 14 9 5 9 -8 0 -24 -4 -35 -9z"></path><path id="p2mv39xdf" d="M6705 2060 c-13 -5 -14 -9 -5 -9 8 0 24 4 35 9 13 5 14 9 5 9 -8 0 -24 -4 -35 -9z"></path><path id="p1E6R79Vvj" d="M3685 2010 c11 -5 27 -9 35 -9 9 0 8 4 -5 9 -11 5 -27 9 -35 9 -9 0 -8 -4 5 -9z"></path><path id="p13DTHsVgP" d="M4430 1777 c0 -9 10 -14 28 -13 15 0 38 -3 52 -7 18 -5 17 -3 -5 7 -55 25 -75 28 -75 13z"></path></g></g></svg>
\ No newline at end of file
diff --git a/frontend/src/components/AppWrapper.tsx b/frontend/src/components/AppWrapper.tsx
index 80a1421..9aa3b3a 100644
--- a/frontend/src/components/AppWrapper.tsx
+++ b/frontend/src/components/AppWrapper.tsx
@@ -1,9 +1,8 @@
 import "@rainbow-me/rainbowkit/styles.css";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { WagmiProvider } from "wagmi";
-import { RainbowKitProvider } from "@rainbow-me/rainbowkit";
+import { RainbowKitProvider, ConnectButton } from "@rainbow-me/rainbowkit";
 import { config } from "../lib/wagmi";
-import { ConnectButton } from "@rainbow-me/rainbowkit";
 import {
   SidebarProvider,
   SidebarTrigger,
@@ -11,7 +10,7 @@ import {
 } from "@/components/ui/sidebar";
 import { AppSidebar } from "@/components/AppSidebar";
 import { ActivityTokenBalance } from "@/components/ActivityTokenBalance";
-import { AppBackground } from "@/components/AppBackground";
+import { Background } from "@/components/Background";
 
 const queryClient = new QueryClient();
 
@@ -25,7 +24,7 @@ export function AppWrapper({ children }: AppWrapperProps) {
       <QueryClientProvider client={queryClient}>
         <RainbowKitProvider>
           <div className="relative min-h-screen">
-            <AppBackground />
+            <Background />
             <SidebarProvider>
               <AppSidebar />
               <SidebarInset>
diff --git a/frontend/src/components/AppBackground.tsx b/frontend/src/components/Background.tsx
similarity index 99%
rename from frontend/src/components/AppBackground.tsx
rename to frontend/src/components/Background.tsx
index 6f7747f..c9e3bca 100644
--- a/frontend/src/components/AppBackground.tsx
+++ b/frontend/src/components/Background.tsx
@@ -1,4 +1,5 @@
-export function AppBackground() {
+// components/Background.tsx
+export function Background() {
   return (
     <div className="absolute inset-0 z-10 flex items-center justify-center overflow-hidden">
       <svg
diff --git a/frontend/src/components/badges/BadgesList.tsx b/frontend/src/components/badges/BadgesList.tsx
index cd3a7cf..6c86bb3 100644
--- a/frontend/src/components/badges/BadgesList.tsx
+++ b/frontend/src/components/badges/BadgesList.tsx
@@ -1,6 +1,7 @@
 import React, { useMemo, useState } from "react";
-import { BadgeCheck } from "lucide-react";
+import { Search } from "lucide-react";
 
+import { BadgeCard } from "@/components/ui/BadgeCard";
 import {
   Card,
   CardContent,
@@ -11,12 +12,19 @@ import {
 import { useGetBadges } from "@/hooks/badges/use-get-badges";
 import { HARD_CODED_BADGES } from "@/lib/constants/badgeConstants";
 import type { Badge } from "@/lib/types/badges";
-import { Search } from "lucide-react";
 import { CreateBadgeButton } from "@/components/badges/CreateBadgeButton";
 import { Input } from "../ui/input";
 import { AiOutlineLoading3Quarters } from "react-icons/ai";
 import ErrorDisplay from "@/components/displayError/index";
 
+const ICONS: Record<string, string> = {
+  "Bug Hunter": "/badge_bug_hunter.svg",
+  "Community": "/badge_community.svg",
+  "Documentation": "/badge_documentation.svg",
+  "Open Source": "/badge_open_source.svg",
+  "Smart Contract": "/badge_smart_contract.svg",
+};
+
 export function BadgesList(): React.ReactElement {
   const { data, isLoading, error } = useGetBadges();
   const [searchQuery, setSearchQuery] = useState("");
@@ -59,18 +67,22 @@ export function BadgesList(): React.ReactElement {
 
           <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
             {filtered.map((badge) => (
-              <Card key={badge.name}>
+              <BadgeCard
+                key={badge.id ?? badge.name}
+                foregroundIcon={
+                  <img
+                    src={ICONS[badge.name] ?? "/badge_default.svg"}
+                    alt={`${badge.name} badge`}
+                    className="h-20 w-20 mr-2"
+                  />
+                }
+              >
                 <CardHeader>
-                  <CardTitle>
-                    <div className="flex items-center">
-                      <BadgeCheck className="h-4 w-4 mr-2" />
-                      {badge.name}
-                    </div>
-                  </CardTitle>
+                  <CardTitle>{badge.name}</CardTitle>
                   <CardDescription>{badge.description}</CardDescription>
                 </CardHeader>
                 <CardContent />
-              </Card>
+              </BadgeCard>
             ))}
           </div>
         </main>
diff --git a/frontend/src/components/ui/BadgeCard.tsx b/frontend/src/components/ui/BadgeCard.tsx
new file mode 100644
index 0000000..d8d878b
--- /dev/null
+++ b/frontend/src/components/ui/BadgeCard.tsx
@@ -0,0 +1,106 @@
+import React, { useRef } from "react";
+import { cn } from "@/lib/utils";
+import { Card } from "@/components/ui/card";
+
+interface BadgeCardProps {
+  children: React.ReactNode;
+  className?: string;
+  foregroundIcon?: React.ReactNode; // NEW optional prop
+}
+
+export function BadgeCard({
+  children,
+  className,
+  foregroundIcon,
+}: BadgeCardProps) {
+  const tiltRef = useRef<HTMLDivElement>(null);
+  const contentRef = useRef<HTMLDivElement>(null);
+  const iconRef = useRef<HTMLDivElement>(null);
+
+  const onEnter = () => {
+    if (!tiltRef.current || !contentRef.current) return;
+    tiltRef.current.style.transition = "transform 200ms ease-out";
+    contentRef.current.style.transition = "transform 200ms ease-out";
+    if (iconRef.current)
+      iconRef.current.style.transition = "transform 200ms ease-out";
+
+    tiltRef.current.style.transform = "rotateX(0deg) rotateY(0deg)";
+    contentRef.current.style.transform = "translateZ(30px)";
+    if (iconRef.current) iconRef.current.style.transform = "translateZ(180px)";
+  };
+
+  const onMove = (e: React.MouseEvent<HTMLDivElement>) => {
+    if (!tiltRef.current || !contentRef.current) return;
+    const rect = tiltRef.current.getBoundingClientRect();
+    const x = (e.clientX - rect.left) / rect.width - 0.5;
+    const y = (e.clientY - rect.top) / rect.height - 0.5;
+    const rotateX = y * -12;
+    const rotateY = x * 12;
+
+    tiltRef.current.style.transition = "transform 120ms ease-out";
+    contentRef.current.style.transition = "transform 120ms ease-out";
+    if (iconRef.current)
+      iconRef.current.style.transition = "transform 120ms ease-out";
+
+    tiltRef.current.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;
+    contentRef.current.style.transform = `translateZ(30px) translate(${x * 8}px, ${y * 8}px)`;
+    if (iconRef.current) {
+      iconRef.current.style.transform = `translateZ(60px) translate(${x * 12}px, ${y * 12}px)`;
+    }
+  };
+
+  const onLeave = () => {
+    if (!tiltRef.current || !contentRef.current) return;
+    tiltRef.current.style.transition = "transform 350ms ease-out";
+    contentRef.current.style.transition = "transform 350ms ease-out";
+    if (iconRef.current)
+      iconRef.current.style.transition = "transform 350ms ease-out";
+
+    tiltRef.current.style.transform = "rotateX(0deg) rotateY(0deg)";
+    contentRef.current.style.transform = "translateZ(0px)";
+    if (iconRef.current) iconRef.current.style.transform = "translateZ(0px)";
+  };
+
+  return (
+    <div
+      style={{ perspective: "1000px" }}
+      onMouseEnter={onEnter}
+      onMouseMove={onMove}
+      onMouseLeave={onLeave}
+    >
+      <div
+        ref={tiltRef}
+        className="will-change-transform"
+        style={{
+          transformStyle: "preserve-3d",
+          transform: "rotateX(0deg) rotateY(0deg)",
+        }}
+      >
+        <Card
+          className={cn(
+            "relative bg-white/70 dark:bg-gray-800/70 backdrop-blur-md transition-shadow duration-300 hover:shadow-lg",
+            className
+          )}
+        >
+          {" "}
+          {foregroundIcon && (
+            <div
+              ref={iconRef}
+              className="flex items-center justify-center pointer-events-none will-change-transform mb-4"
+              style={{ transform: "translateZ(0px)" }}
+            >
+              {foregroundIcon}
+            </div>
+          )}
+          <div
+            ref={contentRef}
+            className="will-change-transform"
+            style={{ transform: "translateZ(0px)" }}
+          >
+            {children}
+          </div>
+        </Card>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/components/ui/card.tsx b/frontend/src/components/ui/card.tsx
index 93a82d9..842314d 100644
--- a/frontend/src/components/ui/card.tsx
+++ b/frontend/src/components/ui/card.tsx
@@ -1,20 +1,65 @@
 import * as React from "react";
-
 import { cn } from "@/lib/utils";
 
-function Card({ className, ...props }: React.ComponentProps<"div">) {
+// Customized ShadCn component, don't overwrite it
+interface CardProps extends React.ComponentProps<"div"> {
+  with3D?: boolean;
+  foregroundIcon?: React.ReactNode;
+}
+
+function Card({
+  className,
+  with3D = false,
+  foregroundIcon,
+  children,
+  ...props
+}: CardProps) {
+  const ref = React.useRef<HTMLDivElement>(null);
+
+  const handleMouseMove = (e: React.MouseEvent) => {
+    if (!with3D || !ref.current) return;
+    const rect = ref.current.getBoundingClientRect();
+    const x = e.clientX - rect.left;
+    const y = e.clientY - rect.top;
+    const centerX = rect.width / 2;
+    const centerY = rect.height / 2;
+    const rotateX = ((y - centerY) / centerY) * -5;
+    const rotateY = ((x - centerX) / centerX) * 5;
+
+    ref.current.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;
+  };
+
+  const handleMouseLeave = () => {
+    if (!with3D || !ref.current) return;
+    ref.current.style.transform = "rotateX(0deg) rotateY(0deg)";
+  };
+
   return (
     <div
+      ref={ref}
       data-slot="card"
+      onMouseMove={handleMouseMove}
+      onMouseLeave={handleMouseLeave}
       className={cn(
-        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm transition-transform duration-300 ease-out",
+        with3D ? "transform-style-3d perspective-[1000px]" : "",
         className
       )}
       {...props}
-    />
+    >
+      <div className={with3D ? "transform-gpu translate-z-[30px]" : ""}>
+        {children}
+      </div>
+      {with3D && foregroundIcon && (
+        <div className="absolute inset-0 flex items-center justify-center pointer-events-none transform-gpu translate-z-[60px]">
+          {foregroundIcon}
+        </div>
+      )}
+    </div>
   );
 }
 
+// keep your existing slots the same
 function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div