feat: add ongeki site import page (#1425)

fix

client/src/app/pages/dashboard/import/ImportPage.tsx

@@ -353,6 +353,13 @@ function ImportInfoDisplayer({ game }: { game: Game }) {
 				key="Inohara"
 				moreInfo="This is the recommended way to import O.N.G.E.K.I. scores; data is submitted at the end of each play."
 			/>,
+			<ImportInfoCard
+				name="O.N.G.E.K.I. Site Importer"
+				href="kt-ongeki-site-importer"
+				desc="Use your data from O.N.G.E.K.I. NET."
+				moreInfo="If you are playing on an official Ongeki server, you can import play data from it here."
+				key="O.N.G.E.K.I. NET Importer"
+			/>,
 			<ImportInfoCard
 				name="ARTEMiS Exporter"
 				href="ongeki-artemis-exporter"

client/src/app/pages/dashboard/import/OngekiSiteImportPage.tsx

@@ -0,0 +1,26 @@
+import useSetSubheader from "components/layout/header/useSetSubheader";
+import Divider from "components/util/Divider";
+import ExternalLink from "components/util/ExternalLink";
+import { TachiConfig } from "lib/config";
+import React from "react";
+
+export default function OngekiSiteImportPage() {
+	useSetSubheader(["Import Scores", "O.N.G.E.K.I. Site Importer"]);
+
+	return (
+		<div>
+			<h1 className="text-center mb-4">What is the O.N.G.E.K.I. Site Importer?</h1>
+			<div>
+				The O.N.G.E.K.I. Site Importer is a script that will scrape your profile on the
+				O.N.G.E.K.I. website and import it to {TachiConfig.NAME}.
+			</div>
+			<Divider />
+			<h1 className="text-center my-4">Setup Instructions</h1>
+			Instructions are available on{" "}
+			<ExternalLink href="https://github.com/umi4life/kt-ongeki-site-importer">
+				the GitHub repository
+			</ExternalLink>
+			.
+		</div>
+	);
+}

client/src/app/routes/ImportRoutes.tsx

@@ -33,6 +33,7 @@ import ChunithmMYTExport from "app/pages/dashboard/import/ChunithmMYTExportPage"
 import OngekiArtemisExportPage from "app/pages/dashboard/import/OngekiArtemisExportPage";
 import MytIntegrationPage from "components/imports/MYTIntegrationPage";
 import OngekiInoharaPage from "app/pages/dashboard/import/OngekiInoharaPage";
+import OngekiSiteImportPage from "app/pages/dashboard/import/OngekiSiteImportPage";
 
 export default function ImportRoutes() {
 	const { user } = useContext(UserContext);
@@ -262,6 +263,10 @@ export default function ImportRoutes() {
 							<Route exact path="/import/inohara">
 								<OngekiInoharaPage />
 							</Route>
+
+							<Route exact path="/import/kt-ongeki-site-importer">
+								<OngekiSiteImportPage />
+							</Route>
 						</>
 					)}
 				</Route>