feat: add breach notice

frontend/src/components/admin/banner.tsx

@@ -63,6 +63,20 @@ export default function AdminBanner() {
 				</div>
 			)}
 			<RedirectBanner />
+
+			<a
+				href="/breach-notice"
+				className="relative w-full min-h-10 bg-orange-300 border-y-2 border-y-orange-400 mt-1 pl-2 shadow-md flex justify-center items-center text-orange-900 text-nowrap overflow-x-auto font-semibold max-sm:justify-between"
+			>
+				<div className="flex gap-2 h-full items-center w-fit">
+					<Icon icon="humbleicons:exclamation" className="text-2xl min-w-6" />
+					<span>A data breach has happened, click here for more info.</span>
+				</div>
+
+				{/* <button onClick={handleClose} className="sm:absolute right-2 cursor-pointer p-1.5">
+					<Icon icon="humbleicons:times" className="text-2xl min-w-6" />
+				</button> */}
+			</a>
 		</>
 	);
 }

frontend/src/main.tsx

@@ -23,6 +23,7 @@ import ReportMiiPage from "./pages/report/mii.tsx";
 import ReportUserPage from "./pages/report/user.tsx";
 import EditMiiPage from "./pages/edit.tsx";
 import PunishedPage from "./pages/punished.tsx";
+import BreachNoticePage from "./pages/breach-notice.tsx";
 
 createRoot(document.getElementById("root")!).render(
 	<StrictMode>
@@ -48,6 +49,7 @@ createRoot(document.getElementById("root")!).render(
 						<Route path="/privacy" element={<PrivacyPage />} />
 						<Route path="/terms-of-service" element={<TermsOfServicePage />} />
 						<Route path="/punished" element={<PunishedPage />} />
+						<Route path="/breach-notice" element={<BreachNoticePage />} />
 						<Route path="*" element={<NotFoundPage />} />
 					</Routes>
 				</Layout>

frontend/src/pages/breach-notice.tsx

@@ -0,0 +1,38 @@
+export default function BreachNoticePage() {
+	return (
+		<div className="bg-amber-50 border-2 border-amber-500 rounded-2xl p-6">
+			<h1 className="text-2xl font-bold">Breach Notice</h1>
+			<h2 className="font-light">
+				<strong className="font-medium">Date:</strong> 13 May 2026
+			</h2>
+
+			<hr className="border-black/20 mt-1 mb-4" />
+
+			<p>
+				I have been made aware today (13 May 2026) that there has been a security breach on 6 May 2026 of the website. The following information have been
+				collected:
+			</p>
+
+			<ul className="list-disc list-inside indent-4 my-4">
+				<li>User IDs</li>
+				<li>Email addresses</li>
+				<li>Email verfication statuses</li>
+				<li>Avatar images</li>
+				<li>About Me descriptions</li>
+				<li>Profile creation dates</li>
+				<li>Profile update dates</li>
+				<li>Profile picture update dates</li>
+				<li>Amount of Miis you have liked</li>
+			</ul>
+
+			<p className="mb-2">
+				The only data that wouldn't normally be viewable is your email address (the same thing you would give to people to receive emails), everything else was
+				publicly viewable (such as on the profile pages). The code that caused this to happen has already been fixed.
+			</p>
+			<p>
+				As far as I'm aware, no other information have been collected. The breach has been notified to the Information Commissioner's Office. Please take care
+				when opening any suspicious emails. <strong>TomodachiShare does not send any emails.</strong> Please do not click on any suspicious links.
+			</p>
+		</div>
+	);
+}