UI improvements (#19659)

* Add indicator when GenAI review infers suspicious activity

* Fix score filtering logic

* Enable mobile view for classification and optimize for mobile layout

* Add missing keys

* Don't require face rec

* fix key

web/src/views/classification/ModelSelectionView.tsx

@@ -79,7 +79,9 @@ function ModelCard({ config, onClick }: ModelCardProps) {
       )}
       onClick={() => onClick()}
     >
-      <div className="grid size-48 grid-cols-2 gap-2">
+      <div
+        className={cn("grid size-48 grid-cols-2 gap-2", isMobile && "w-full")}
+      >
         {Object.entries(coverImages).map(([key, image]) => (
           <img
             key={key}

web/src/views/classification/ModelTrainingView.tsx

@@ -362,7 +362,7 @@ export default function ModelTrainingView({ model }: ModelTrainingViewProps) {
               ) : (
                 <MdAutoFixHigh className="text-secondary-foreground" />
               )}
-              {t("button.trainModel")}
+              {isDesktop && t("button.trainModel")}
             </Button>
           </div>
         )}
@@ -713,7 +713,7 @@ function TrainGrid({
 
           if (
             trainFilter.max_score &&
-            trainFilter.max_score <= data.score / 100.0
+            trainFilter.max_score < data.score / 100.0
           ) {
             return false;
           }
@@ -725,7 +725,12 @@ function TrainGrid({
   );
 
   return (
-    <div className="flex flex-wrap gap-2 overflow-y-auto p-2">
+    <div
+      className={cn(
+        "flex flex-wrap gap-2 overflow-y-auto p-2",
+        isMobile && "justify-center",
+      )}
+    >
       {trainData?.map((data) => (
         <div
           key={data.timestamp}
@@ -734,6 +739,7 @@ function TrainGrid({
             selectedImages.includes(data.raw)
               ? "shadow-selected outline-selected"
               : "outline-transparent duration-500",
+            isMobile && "w-[48%]",
           )}
           onClick={(e) => {
             e.stopPropagation();