Add the settings page's base

front/style/settings/settings.css

@@ -1,2 +1,17 @@
 @import url(../template/header.css);
 @import url(../theme/dark.css);
+
+#body {
+    background-color: var(--second-color);
+    border: 1px solid red;
+    width: 100%;
+    height: 100vh;
+    display: flex;
+    justify-content: center;
+}
+
+#content {
+    width: 85%;
+    border: 1px yellow solid;
+    height: 100%;
+}

front/views/Settings.tsx

@@ -5,43 +5,32 @@ export default function Settings({username} : {username : string}){
     return (
         <div id="main">
             <Header username={username} />
+            <Body/>
         </div>
     )
 }
 
-/**
+function Body() {
- * 
- * @param param0 username
- * @returns Header
- */
-export function Title({ username }: { username: string }) {
     return (
-        <div id="header">
+        <div id="body">
-            <div id="header-left"></div>
+            <div id="content">
-            <div id="header-center">
+                <Title/>
-                <h1
+                <AccountSettings/>
-                    id="IQBall"
-                    className="clickable"
-                    onClick={() => {
-                        location.pathname = "/"
-                    }}>
-                    <span id="IQ">IQ</span>
-                    <span id="Ball">Ball</span>
-                </h1>
-            </div>
-            <div id="header-right">
-                <div className="clickable" id="clickable-header-right">
-                    {/* <AccountSvg id="img-account" /> */}
-                    <img
-                        id="img-account"
-                        src="account.svg"
-                        onClick={() => {
-                            location.pathname = "/settings"
-                        }}
-                    />
-                    <p id="username">{username}</p>
-                </div>
             </div>
         </div>
     )
 }
+
+function Title() {
+    return (
+        <h1>Paramètres</h1>
+    )
+}
+
+function AccountSettings(){
+    return (
+        <div id="account">
+
+        </div>
+    )
+}