feat(tiles): let users arrange the dashboard and profile tiles

src/pages/GameDetail.test.jsx

@@ -242,30 +242,30 @@ describe('GameDetail of a game added by hand', () => {
         expect(screen.queryByText('MANUAL_GAME.TITLE')).toBeNull();
     });
 
-    it('keeps a section hidden after the page loaded when it sets the profile art', async () => {
-        let sections = ['PLAYING'];
+    it('keeps a background set in another tab when it sets the profile banner', async () => {
+        let backgroundAppid = null;
         globalThis.fetch = vi.fn(async (url, init) => ({ok: true, status: init?.method === 'PUT' ? 204 : 200,
             json: async () => (url.includes('/api/users/me')
-                ? {role: 'USER', settings: {profileStyle: {accent: 'red', corners: 'round', sections}}}
+                ? {role: 'USER', settings: {profileStyle: {accent: 'red', corners: 'round', backgroundAppid}}}
                 : {...game, source: 'STEAM'})}));
         renderDetail();
         const menu = await screen.findByRole('button', {name: 'GAME_DETAIL.PROFILE_ART'});
 
-        sections = []; // the owner hides PLAYING in Settings, e.g. in a second tab
+        backgroundAppid = 620; // set in a second tab
         fireEvent.keyDown(menu, {key: 'Enter'});
         fireEvent.click(await screen.findByRole('menuitemcheckbox', {name: 'GAME_DETAIL.PROFILE_BANNER'}));
 
         await waitFor(() => expect(fetch.mock.calls.some(([u, init]) => init?.method === 'PUT' && u.endsWith('/profile-style'))).toBe(true));
         const sent = fetch.mock.calls.filter(([u, init]) => init?.method === 'PUT' && u.endsWith('/profile-style'))
             .map(([, init]) => JSON.parse(init.body));
-        expect(sent.filter((body) => body.sections?.includes('PLAYING'))).toEqual([]);
+        expect(sent).toEqual([{accent: 'red', corners: 'round', bannerAppid: 220, backgroundAppid: 620}]);
     });
 
     it('keeps a banner picked in another tab when it sets this game as banner', async () => {
         let bannerAppid = 220;
         globalThis.fetch = vi.fn(async (url, init) => ({ok: true, status: init?.method === 'PUT' ? 204 : 200,
             json: async () => (url.includes('/api/users/me')
-                ? {role: 'USER', settings: {profileStyle: {bannerAppid, sections: ['PLAYING']}}}
+                ? {role: 'USER', settings: {profileStyle: {bannerAppid}}}
                 : {...game, source: 'STEAM'})}));
         renderDetail();
         const menu = await screen.findByRole('button', {name: 'GAME_DETAIL.PROFILE_ART'});
@@ -280,7 +280,7 @@ describe('GameDetail of a game added by hand', () => {
     });
 
     it('uses the art as profile banner and removes it on the second click', async () => {
-        let stored = {accent: 'red', corners: 'round', sections: ['PLAYING']};
+        let stored = {accent: 'red', corners: 'round'};
         globalThis.fetch = vi.fn(async (url, init) => {
             if (init?.method === 'PUT') stored = JSON.parse(init.body);
             return {ok: true, status: init?.method === 'PUT' ? 204 : 200,
@@ -296,7 +296,7 @@ describe('GameDetail of a game added by hand', () => {
         await openMenu();
         fireEvent.click(await screen.findByRole('menuitemcheckbox', {name: 'GAME_DETAIL.PROFILE_BANNER'}));
         await waitFor(() => expect(styleBodies()).toEqual([{accent: 'red', corners: 'round', bannerAppid: 220,
-            backgroundAppid: null, sections: ['PLAYING']}]));
+            backgroundAppid: null}]));
 
         await openMenu();
         const banner = await screen.findByRole('menuitemcheckbox', {name: 'GAME_DETAIL.PROFILE_BANNER'});