[front] feat: make the PWA store ready (#2046)

* fix: at least one icon should have the purpose `any`

* chore: explicit launch behaviour with launch_handler

see: https://developer.mozilla.org/en-US/docs/Web/API/Launch_Handler_API

* chore: explicit `orientation` with the value `any`

* chore: add app categories in the manifest

* chore: re-order some keys in manifest.json

* chore: configure display_override

* chore: remove display_override (because i didn't test it) + set prefer_related_applications

* chore: test display_override with window-controls-overlay

* chore: set handle_links to preferred to open ts url in the pwa

* fix: make the app rotate only if the user settings allow it to

* Update frontend/public/manifest.json

Co-authored-by: Adrien Matissart <amatissart@users.noreply.github.com>

* Update frontend/public/manifest.json

Co-authored-by: Adrien Matissart <amatissart@users.noreply.github.com>

* Update frontend/public/manifest.json

Co-authored-by: Adrien Matissart <amatissart@users.noreply.github.com>

---------

Co-authored-by: Adrien Matissart <amatissart@users.noreply.github.com>

frontend/public/manifest.json

@@ -2,6 +2,7 @@
   "short_name": "Tournesol",
   "name": "Tournesol",
   "description": "Compare online content and contribute to the development of responsible content recommendations.",
+  "categories": ["video_players", "entertainment", "research", "democracy", "crowdsourcing"],
   "icons": [
     {
       "src": "/icons/favicon.ico",
@@ -21,7 +22,8 @@
     {
       "src": "/icons/favicon-512x512.png",
       "type": "image/png",
-      "sizes": "512x512"
+      "sizes": "512x512",
+      "purpose": "any"
     },
     {
       "src": "/icons/maskable-icon-512x512.png",
@@ -34,10 +36,16 @@
   "scope": "/",
   "start_url": "/pwa/start?utm_source=pwa",
   "display": "standalone",
+  "display_override": ["window-controls-overlay"],
+  "orientation": "natural",
   "theme_color": "#ffc800",
   "background_color": "#a09b87",
+  "launch_handler": {
+    "client_mode": ["auto"]
+  },
+  "handle_links": "preferred",
   "share_target": {
-    "action": "/shared-content",
+    "action": "https://tournesol.app/shared-content",
     "method": "GET",
     "params": {
       "title": "title",
@@ -72,5 +80,6 @@
       "form_factor": "narrow",
       "label": "Tournesol comparison page on Mobile"
     }
-  ]
+  ],
+  "prefer_related_applications": false
 }