correct minor errors

Author: vesnalove

changelog.md

@@ -3,6 +3,7 @@
 ## [8.2.2] - 18.05.2023
 - Update dependencies
 - Update react version
+- Corrected minor errors
 
 ## [8.2.1] - 01.07.2022
 - UI Adjust

package.json

@@ -87,6 +87,7 @@
     "md5": "^2.3.0",
     "messenger": "https://github.com/HubSpot/messenger.git",
     "moment": "^2.29.4",
+    "node-sass": "^8.0.0",
     "nvd3": "1.8.6",
     "rc-color-picker": "^1.2.6",
     "rc-hammerjs": "0.6.10",
@@ -133,6 +134,7 @@
     "redux": "^4.2.1",
     "redux-thunk": "^2.4.1",
     "rickshaw": "1.7.1",
+    "sass-loader": "^10",
     "showdown": "^1.9.1",
     "skycons": "^1.0.0",
     "sortablejs": "1.15.0",
@@ -179,7 +181,6 @@
     "lodash.assign": "^4.2.0",
     "lodash.clonedeep": "^4.5.0",
     "mini-css-extract-plugin": "0.12.0",
-    "node-sass": "^6.0.0",
     "optimize-css-assets-webpack-plugin": "5.0.4",
     "pnp-webpack-plugin": "1.6.4",
     "postcss-flexbugs-fixes": "4.2.1",
@@ -188,7 +189,6 @@
     "postcss-safe-parser": "4.0.2",
     "redux-logger": "^3.0.6",
     "resolve": "1.20.0",
-    "sass-loader": "^10",
     "style-loader": "0.23.1",
     "terser-webpack-plugin": "1.4.4",
     "url-loader": "1.1.2",
@@ -197,6 +197,9 @@
     "webpack-manifest-plugin": "2.2.0",
     "workbox-webpack-plugin": "4.3.1"
   },
+  "engines": {
+    "node": ">=16"
+  },
   "resolutions": {
     "react-dom": "18.2.0"
   }

src/components/Header/Header.js

@@ -144,8 +144,8 @@ class Header extends React.Component {
         </div>
         <div className={`d-print-none ${s.root}`}>
           <UncontrolledAlert className={`me-3 d-lg-down-none animate__animated animate__bounceIn animate__delay-1s`}>
-                Check out Light Blue 
-                <button 
+                Check out Light Blue
+                <button
                   className="btn-link"
                   onClick={() => this.setState({ settingsOpen: true })}
                 >
@@ -166,7 +166,7 @@ class Header extends React.Component {
               />
             </InputGroup>
           </Collapse>
-          <Form className="d-md-down-none mx-3 my-auto" inline>
+          <Form className="d-md-down-none mx-3 my-auto">
             <InputGroup className={`input-group-no-border ${s.searchForm}`} >
               <InputGroupText className={s.inputGroupText}>
                 <SearchIcon className={s.headerIcon} />