Fix broken url to the "?" image

src/components/Avatar.js

@@ -13,7 +13,7 @@ const Avatar = (props) => {
 				alt={"Avatar image"}
 				loading="lazy"
 				placeholder="blur"
-				blurDataURL="https://cdn.fascinated.cc/IkQFyodbZv.jpg?raw=true"
+				blurDataURL="https://cdn.fascinated.cc/yb4fgdc1.jpg"
 			/>
 		</>
 	);

src/components/Settings.js

@@ -9,8 +9,7 @@ import {
 const Avatar = (props) => {
 	const { isDark } = useTheme();
 
-	const avatarUrl =
-		props.avatarUrl || "https://cdn.fascinated.cc/IkQFyodbZv.jpg?raw=true";
+	const avatarUrl = props.avatarUrl || "https://cdn.fascinated.cc/yb4fgdc1.jpg";
 
 	const handleChange = () => {
 		const nextTheme = isDark ? "light" : "dark";

src/components/SongInfo.js

@@ -92,7 +92,7 @@ export default function SongInfo() {
 				src={mapArt}
 				loading="lazy"
 				placeholder="blur"
-				blurDataURL="https://cdn.fascinated.cc/IkQFyodbZv.jpg?raw=true"
+				blurDataURL="https://cdn.fascinated.cc/yb4fgdc1.jpg"
 			/>
 			<div className={styles.songInfo}>
 				<p className={styles.songInfoSongName}>

src/pages/index.js

@@ -19,7 +19,6 @@ import "react-toastify/dist/ReactToastify.css";
 import { NextSeo } from "next-seo";
 import NavBar from "../components/Navbar";
 import styles from "../styles/main.module.css";
-import Utils from "../utils/utils";
 
 export default class Home extends Component {
 	constructor(props) {
@@ -307,15 +306,11 @@ export default class Home extends Component {
 											marginTop: "10px",
 										}}
 									>
-										<Link
-											onPress={(event) => {
-												Utils.openInNewTab(
-													"https://github.com/RealFascinated/beatsaber-overlay"
-												);
-											}}
-										>
+										<Link href="https://github.com/RealFascinated/beatsaber-overlay">
+											<a>
 												If you like this project and want to support it. Come
 												check out the project on GitHub!
+											</a>
 										</Link>
 									</Text>
 								</Card.Body>