feat(points): unlock items, progress bars and skins

Locked items show a progress bar until the goal is reached. Four
CSS-only skins (Pastel, Retro CRT, Cyberpunk, Steam) in skins.css,
light and dark. A skin overrides accent and corners; badges, borders,
frames, effects and game art stay on top. New Platinum shine and
Equalizer effects.

src/pages/PublicProfilePage.test.jsx

@@ -55,6 +55,23 @@ describe('PublicProfilePage', () => {
         expect(screen.getByText('Portal 2').closest('li').querySelector('.fx-cover-neon-pulse')).not.toBeNull();
     });
 
+    it('wears the skin of the owner on the wrapper with its own base layer, or resets to the plain theme', async () => {
+        mockBackends({style: {accent: 'red'}, equipped: {SKIN: 'SKIN_CYBERPUNK'}});
+        const {unmount} = renderPage();
+
+        expect(await screen.findByText('Portal 2')).toBeTruthy();
+        const wrapper = screen.getByText('Lobo').closest('[data-skin]');
+        expect(wrapper.dataset.skin).toBe('cyberpunk');
+        expect(wrapper.querySelector('.skin-bg')).not.toBeNull();
+        unmount();
+        cleanup();
+
+        mockBackends({style: {accent: 'red'}, equipped: {}});
+        renderPage();
+        expect(await screen.findByText('Portal 2')).toBeTruthy();
+        expect(screen.getByText('Lobo').closest('[data-skin]').dataset.skin).toBe('none');
+    });
+
     it('still shows the profile when the looks call fails', async () => {
         mockBackends({style: {accent: 'red'}, rewardsStatus: 500});
         renderPage();