feat(achievements): dashboard card, library badge, 100 % hint and profile stats

src/pages/PublicProfilePage.test.jsx

@@ -43,6 +43,23 @@ describe('PublicProfilePage', () => {
         expect(screen.getByText('Lobo')).toBeTruthy();
         expect(screen.getByText('Half-Life 2')).toBeTruthy();
         expect(screen.getByText('233')).toBeTruthy();
+        expect(screen.queryByText('PROFILE.PERFECT_GAMES')).toBeNull();
+    });
+
+    it('shows perfect games and the average completion when there are achievements', async () => {
+        library.perfectGames = 12;
+        library.averageCompletion = 64.5;
+        try {
+            mockBackends();
+            renderPage();
+
+            expect(await screen.findByText('PROFILE.PERFECT_GAMES')).toBeTruthy();
+            expect(screen.getByText('12')).toBeTruthy();
+            expect(screen.getByText('64,5 %')).toBeTruthy();
+        } finally {
+            delete library.perfectGames;
+            delete library.averageCompletion;
+        }
     });
 
     it('says the profile is unknown or private on a 404', async () => {