print settings info as a footer on bottom of settings page

fix display of scrollbar on settingspage

src/pages/SettingsPage/GeneralSettings.js

@@ -5,6 +5,7 @@ import GlobalInfos from '../../GlobalInfos';
 import InfoHeaderItem from '../../elements/InfoHeaderItem/InfoHeaderItem';
 import {faArchive, faBalanceScaleLeft, faRulerVertical} from '@fortawesome/free-solid-svg-icons';
 import {faAddressCard} from '@fortawesome/free-regular-svg-icons';
+import {version} from '../../../package.json';
 
 /**
  * Component for Generalsettings tag on Settingspage
@@ -130,6 +131,9 @@ class GeneralSettings extends React.Component {
                         </Button>
                     </Form>
                 </div>
+                <div className={style.footer}>
+                    Version: {version}
+                </div>
             </>
         );
     }

src/pages/SettingsPage/GeneralSettings.module.css

@@ -13,6 +13,15 @@
     flex-wrap: wrap;
 }
 
+.footer{
+    position: fixed;
+    right: 0;
+    bottom: 3px;
+    width: 110px;
+    opacity: 0.8;
+    color: white;
+}
+
 /* On screens that are 722px wide or less, make the columns stack on top of each other instead of next to each other */
 @media screen and (max-width: 722px) {
     .infoheader {

src/pages/SettingsPage/SettingsPage.module.css

@@ -1,9 +1,8 @@
 .SettingsSidebar {
-    border-bottom-right-radius: 10px;
     border-top-right-radius: 10px;
     float: left;
     margin-top: 10px;
-    min-height: calc(100vh - 70px);
+    min-height: calc(100vh - 72px);
     min-width: 110px;
     padding-top: 20px;
     width: 10%;