feat(dashboard): Steam avatar and a banner from the most played game

src/components/SteamAvatar.test.jsx

@@ -0,0 +1,25 @@
+// @vitest-environment jsdom
+import {afterEach, describe, expect, it} from 'vitest';
+import {cleanup, fireEvent, render} from '@testing-library/react';
+import SteamAvatar from './SteamAvatar.jsx';
+
+afterEach(cleanup);
+
+describe('SteamAvatar', () => {
+    it('shows the avatar and the default icon when it does not load', () => {
+        const {container} = render(<SteamAvatar url="https://avatars.steamstatic.com/a_full.jpg"/>);
+        expect(container.querySelector('img').getAttribute('src')).toBe('https://avatars.steamstatic.com/a_full.jpg');
+
+        fireEvent.error(container.querySelector('img'));
+
+        expect(container.querySelector('img')).toBeNull();
+        expect(container.querySelector('svg')).not.toBeNull();
+    });
+
+    it('shows the default icon without an avatar', () => {
+        const {container} = render(<SteamAvatar url={null}/>);
+
+        expect(container.querySelector('img')).toBeNull();
+        expect(container.querySelector('svg')).not.toBeNull();
+    });
+});