impr: add perfection badge

Author: Miodec

frontend/src/styles/animations.scss

@@ -120,3 +120,15 @@
     box-shadow: 0 0 0 0.2em transparent;
   }
 }
+
+@keyframes gold-shimmer {
+  0% {
+    background-position: 0% 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0% 50%;
+  }
+}

frontend/src/ts/controllers/badge-controller.ts

@@ -133,6 +133,15 @@ const badges: Record<number, UserBadge> = {
     color: "var(--bg-color)",
     background: "var(--main-color)",
   },
+  16: {
+    id: 16,
+    name: "Perfection",
+    description: "Longest test with zero mistakes - 4 hours and 1 minute",
+    icon: "fa-bullseye",
+    color: "white",
+    customStyle:
+      "animation: gold-shimmer 10s cubic-bezier(0.5, -0.15, 0.5, 1.15) infinite; background: linear-gradient(45deg, #b8860b 0%, #daa520 25%, #ffd700 50%, #daa520 75%, #b8860b 100%); background-size: 200% 200%;",
+  },
 };
 
 export function getHTMLById(