fix: icon fixes, react 18 support

src/components/widgets/background/scss/_photoinformation.scss

@@ -78,7 +78,7 @@
   }
 
   h1,
-  .MuiSvgIcon-root {
+  svg {
     user-select: none;
     cursor: initial;
   }

src/components/widgets/navbar/Notes.jsx

@@ -1,6 +1,6 @@
 import variables from 'modules/variables';
 import { PureComponent } from 'react';
-import { MdContentCopy, MdAssignment, MdPushPin } from 'react-icons/md';
+import { MdFileCopy, MdAssignment, MdPushPin } from 'react-icons/md';
 import TextareaAutosize from '@mui/material/TextareaAutosize';
 import { toast } from 'react-toastify';
 //import Hotkeys from 'react-hot-keys';
@@ -53,7 +53,7 @@ export default class Notes extends PureComponent {
         </div>
         <TextareaAutosize placeholder={variables.language.getMessage(variables.languagecode, 'widgets.navbar.notes.placeholder')} value={this.state.notes} onChange={this.setNotes}/>
         <button onClick={() => this.pin()} className='pinNote'><MdPushPin/></button>
-        <button onClick={() => this.copy()} className='copyNote'><MdContentCopy/></button>
+        <button onClick={() => this.copy()} className='copyNote'><MdFileCopy/></button>
         {/*variables.keybinds.pinNotes && variables.keybinds.pinNotes !== '' ? <Hotkeys keyName={variables.keybinds.pinNotes} onKeyDown={() => this.pin()}/> : null*/}
         {/*variables.keybinds.copyNotes && variables.keybinds.copyNotes !== '' ? <Hotkeys keyName={variables.keybinds.copyNotes} onKeyDown={() => this.copy()}/> : null*/}
       </span>

src/components/widgets/search/search.scss

@@ -35,7 +35,7 @@
     }
   }
 
-  .MuiSvgIcon-root {
+  svg {
     position: absolute;
     margin-top: 6px;
     font-size: 30px;

src/components/widgets/weather/WeatherIcon.jsx

@@ -10,7 +10,7 @@ import {
   WiRain,
   WiThunderstorm,
   WiSnow,
-  WiFog,
+  WiFog
 } from 'react-icons/wi';
 
 export default function WeatherIcon({ name }) {

src/components/widgets/weather/WindDirectionIcon.jsx

@@ -6,7 +6,7 @@ import {
   WiDirectionRight,
   WiDirectionUpLeft,
   WiDirectionUpRight,
-  WiDirectionUp,
+  WiDirectionUp
 } from 'react-icons/wi';
 
 // degrees is imported because of a potential bug, idk what causes it but now it is fixed