correct theme style at settings page

src/pages/SettingsPage/GeneralSettings.js

@@ -1,6 +1,9 @@
 import React from "react";
 import {Button, Col, Form} from "react-bootstrap";
 import style from "./GeneralSettings.module.css"
+import StaticInfos from "../../GlobalInfos";
+import darktheme from "../../AppDarkTheme.module.css";
+import lighttheme from "../../AppLightTheme.module.css";
 
 class GeneralSettings extends React.Component {
     constructor(props) {
@@ -37,9 +40,10 @@ class GeneralSettings extends React.Component {
     }
 
     render() {
+        const themeStyle = StaticInfos.isDarkTheme() ? darktheme : lighttheme;
         return (
             <>
-                <div className={style.GeneralForm}>
+                <div className={style.GeneralForm + ' ' + themeStyle.subtextcolor}>
                     <Form data-testid='mainformsettings' onSubmit={(e) => {
                         e.preventDefault();
                         this.saveSettings();

src/pages/SettingsPage/SettingsPage.module.css

@@ -3,8 +3,11 @@
     float: left;
     width: 10%;
     background-color: #d3dcef;
-    min-height: calc(100vh - 56px);
+    min-height: calc(100vh - 62px);
     min-width: 110px;
+
+    border-top-right-radius: 10px;
+    border-bottom-right-radius: 10px;
 }
 
 .SettingsSidebarTitle {
@@ -37,4 +40,4 @@
     box-shadow: #7d8dd4 0 0 0 5px;
     transition: all 300ms;
     cursor: pointer;
-}
+}