Improve authentication recovery and mobile gameplay

components/ReportContent.tsx

@@ -4,6 +4,7 @@ import { useI18n } from "@/components/I18nProvider";
 import { useEffect, useRef, useState } from "react";
 import { api } from "./StartGame";
 import { reportCategories } from "@/shared/moderation";
+import { Flag } from "lucide-react";
 
 export function ReportContent({
   datasetId,
@@ -66,14 +67,16 @@ export function ReportContent({
   return (
     <>
       <button
-        className="button"
+        className="button report-trigger"
+        aria-label={t("Report content")}
         onClick={() => {
           setOpen(true);
           setError("");
           setMessage("");
         }}
       >
-        {t("Report content")}
+        <Flag className="report-icon" size={18} aria-hidden="true" />
+        <span>{t("Report content")}</span>
       </button>
       {message && (
         <p role="status" className="success-message">