feat(points): apply worn effects on covers, details and backgrounds

src/pages/PublicProfilePage.test.jsx

@@ -44,6 +44,17 @@ describe('PublicProfilePage', () => {
         expect(fetch.mock.calls[2][1].headers['X-Profile-Ticket']).toBe('the-ticket');
     });
 
+    it('wears the effects of the owner: background, banner and the cover of a COMPLETED game', async () => {
+        mockBackends({style: {accent: 'red'}, equipped: {
+            PAGE_BACKGROUND: 'BG_STARFIELD', BANNER_BACKGROUND: 'BN_WAVES', COMPLETED_EFFECT: 'FX_NEON_PULSE'}});
+        const {container} = renderPage();
+
+        expect(await screen.findByText('Portal 2')).toBeTruthy();
+        await waitFor(() => expect(container.querySelector('[data-effect="starfield"]')).not.toBeNull());
+        expect(screen.getByText('Lobo').closest('[data-slot="card"]').querySelector('[data-effect="waves"]')).not.toBeNull();
+        expect(screen.getByText('Portal 2').closest('li').querySelector('.fx-cover-neon-pulse')).not.toBeNull();
+    });
+
     it('still shows the profile when the looks call fails', async () => {
         mockBackends({style: {accent: 'red'}, rewardsStatus: 500});
         renderPage();