Load config from server.

client/src/app/App.tsx

@@ -1,5 +1,6 @@
 import { LoadingScreen } from "components/layout/screens/LoadingScreen";
 import { BannedContextProvider } from "context/BannedContext";
+import ErrorBoundary from "components/util/ErrorBoundary";
 import { SubheaderContextProvider } from "context/SubheaderContext";
 import { UserContextProvider } from "context/UserContext";
 import { UserGameStatsContextProvider } from "context/UserGameStatsContext";

client/src/app/pages/dashboard/users/games/_game/_playtype/UGPTSettingsPage.tsx

@@ -201,7 +201,7 @@ function PreferencesForm({ reqUser, game, playtype }: Props) {
 							value={formik.values.gameSpecific.bpiTarget}
 							min={0}
 							max={100}
-							step={10}
+							step={5}
 							onChange={formik.handleChange}
 						/>
 						<Form.Text className="text-muted">

client/src/index.tsx

@@ -3,6 +3,7 @@
  * changed or moved.
  */
 import "@fortawesome/fontawesome-free/css/all.min.css";
+import ErrorBoundary from "components/util/ErrorBoundary";
 import React from "react";
 import ReactDOM from "react-dom";
 import "socicon/css/socicon.css";

client/src/lib/config.ts

@@ -25,6 +25,7 @@ try {
 		throw new Error(`Failed to fetch config -- ${configRes.description}.`);
 	}
 } catch (err) {
+	alert(`Fatal Error: Site is (probably) down. Sorry. (${(err as Error).message})`);
 	throw new Error(`Site is (probably) down. Sorry. (${(err as Error).message})`);
 }