fix: changelog tab now works, about tab fixed and improved, removed update modal and improved download button ui

src/components/widgets/background/PhotoInformation.jsx

@@ -5,6 +5,7 @@ import Location from '@material-ui/icons/LocationOn';
 import Camera from '@material-ui/icons/PhotoCamera';
 import Resolution from '@material-ui/icons/Crop';
 import Photographer from '@material-ui/icons/Person';
+import Download from '@material-ui/icons/GetApp';
 
 const toDataURL = async (url) => {
   const response = await fetch(url);
@@ -45,7 +46,8 @@ export default function PhotoInformation(props) {
         <span>{props.info.resolution}</span>
         <Photographer/>
         <span>{props.info.credit.split(` ${language.unsplash}`)[0]}</span>
-        <button className='download' onClick={() => downloadImage(props.info)}>{language.download}</button>
+        <Download/>
+        <span className='download' onClick={() => downloadImage(props.info)}>{language.download}</span>
       </div>
     </div>
   );

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

@@ -74,26 +74,11 @@
   }
 
   .download {
-    transition: ease 0.33s;
-    color: var(--modal-text);
-    background-color: rgba(83, 82, 237, 1);
+    text-decoration: underline;
     cursor: pointer;
-    padding: 10px 30px;
-    font-size: 20px;
-    border-radius: 24px;
-    box-shadow: 0 5px 15px rgba(128, 161, 144, 0.4);
+  }
 
-    border: 2px solid rgba(83, 82, 237, 1);
-    color: var(--modal-text);
-  
-    &:hover {
-      color: rgba(83, 82, 237, 1);
-    }
-  
-    &:hover,
-    &:active {
-      outline: none;
-      background: none;
-    }
+  .MuiSvgIcon-root {
+    cursor: initial;
   }
 }