Fix: desktop css and frontend test (#37)

* This is a first step for improving Desktop pages.
Mobile rensponsiveness is still missing. However I need to check with LaSuite design studio about the HTML+CSS they are using. On Docs and Visio it look like rensponsive design is working better. We may be using the wrong boiler plate.

Author: odelcroi

frontend/knip.config.ts

@@ -7,7 +7,14 @@ import type { KnipConfig } from "knip";
 
 export default {
   entry: ["src/main.tsx", "src/swagger.ts", "src/routes/*"],
-  ignore: ["src/gql/*", "src/routeTree.gen.ts", ".storybook/locales.ts"],
+  //:tchap: add tchap vite
+  ignore: [
+    "src/gql/*",
+    "src/routeTree.gen.ts",
+    ".storybook/locales.ts",
+    "tchap/vite.tchap.config.ts",
+  ],
+  //:tchap:
   ignoreDependencies: [
     // This is used by the tailwind PostCSS plugin, but not detected by knip
     "postcss-nesting",

frontend/tchap/css/tchap.css

@@ -63,7 +63,6 @@ exports[`Reset cross signing > renders the cancelled page 1`] = `
     </p>
     <footer
       class="lasuite fr-footer"
-      role="contentinfo"
     >
       <div
         class="fr-container lasuite-container"
@@ -246,7 +245,6 @@ exports[`Reset cross signing > renders the deep link page 1`] = `
     </a>
     <footer
       class="lasuite fr-footer"
-      role="contentinfo"
     >
       <div
         class="fr-container lasuite-container"
@@ -344,7 +342,6 @@ exports[`Reset cross signing > renders the errored page 1`] = `
     </button>
     <footer
       class="lasuite fr-footer"
-      role="contentinfo"
     >
       <div
         class="fr-container lasuite-container"
@@ -527,7 +524,6 @@ exports[`Reset cross signing > renders the page 1`] = `
     </a>
     <footer
       class="lasuite fr-footer"
-      role="contentinfo"
     >
       <div
         class="fr-container lasuite-container"
@@ -616,7 +612,6 @@ exports[`Reset cross signing > renders the success page 1`] = `
     </p>
     <footer
       class="lasuite fr-footer"
-      role="contentinfo"
     >
       <div
         class="fr-container lasuite-container"
@@ -705,7 +700,6 @@ exports[`Reset cross signing > renders the success page 2`] = `
     </p>
     <footer
       class="lasuite fr-footer"
-      role="contentinfo"
     >
       <div
         class="fr-container lasuite-container"

frontend/tests/routes/__snapshots__/reset-cross-signing.test.tsx.snap

@@ -757,7 +757,6 @@ exports[`Account home page > renders the page 1`] = `
     </div>
     <footer
       class="lasuite fr-footer"
-      role="contentinfo"
     >
       <div
         class="fr-container lasuite-container"

frontend/tests/routes/account/__snapshots__/index.test.tsx.snap

@@ -59,4 +59,16 @@ See in the logs
 ```
 2025-06-03T12:28:33.967776Z  INFO mas_cli::commands::server:297 Listening on http://[::]:8080 with resources [Discovery, Human, OAuth, Compat, GraphQL { playground: false, undocumented_oauth2_access: false }, Assets { path: "./frontend/dist/" }, AdminApi] 
 
-```
+```
+
+# troubleshoot
+
+
+### error : This endpoint must only be called by MAS
+
+hint : your HOMESERVER_SECRET is probably not correct
+
+`
+M_UNKNOWN: This endpoint must only be called by MAS
+HTTP status client error (403 Forbidden) for url (https://matrix.tchapgouv.com/_synapse/mas/is_localpart_available?localpart=olivierdelcroix)
+`