Merge pull request #3818 from mozilla/mntor-2609

Return 404 page for non-existent breach details

src/app/(nextjs_migration)/(guest)/breach-details/[breachName]/page.tsx

@@ -3,6 +3,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import Image, { StaticImageData } from "next/image";
+import { notFound } from "next/navigation";
 import BreachDetailScanImage from "../../../../../client/images/breach-detail-scan.svg";
 import "../../../../../client/css/partials/breachDetail.css";
 import { getL10n } from "../../../../functions/server/l10n";
@@ -81,6 +82,10 @@ export default async function BreachDetail(props: {
   const allBreaches = await getBreaches();
   const breach = getBreachByName(allBreaches, breachName);
 
+  if (!breach) {
+    return notFound();
+  }
+
   return (
     <div data-partial="breachDetail">
       <header className="breach-detail-header">