Fix: fixed zalgo text + html formatting inside of the review message

src/renderer/src/pages/game-details/game-details-content.tsx

@@ -15,6 +15,7 @@ import { EditGameModal, DeleteReviewModal } from "./modals";
 import { ReviewSortOptions } from "./review-sort-options";
 import { ReviewPromptBanner } from "./review-prompt-banner";
 
+import { sanitizeHtml } from "@shared";
 import { useTranslation } from "react-i18next";
 import { cloudSyncContext, gameDetailsContext } from "@renderer/context";
 import { AuthPage } from "@shared";
@@ -123,7 +124,12 @@ export function GameDetailsContent() {
 
   // Tiptap editor for review input
   const editor = useEditor({
-    extensions: [StarterKit],
+    extensions: [
+      StarterKit.configure({
+        // Disable link extension to prevent automatic link rendering and XSS
+        link: false,
+      }),
+    ],
     content: "",
     editorProps: {
       attributes: {
@@ -739,7 +745,7 @@ export function GameDetailsContent() {
                           <div
                             className="game-details__review-content"
                             dangerouslySetInnerHTML={{
-                              __html: review.reviewHtml,
+                              __html: sanitizeHtml(review.reviewHtml),
                             }}
                           />
                           <div className="game-details__review-actions">

src/renderer/src/pages/game-details/game-details.scss

@@ -200,6 +200,8 @@ $hero-height: 300px;
     border-radius: 6px;
     padding: calc(globals.$spacing-unit * 2);
     margin-bottom: calc(globals.$spacing-unit * 2);
+    overflow: hidden;
+    word-wrap: break-word;
   }
 
   &__review-header {
@@ -233,6 +235,7 @@ $hero-height: 300px;
     color: rgba(255, 255, 255, 0.9);
     font-size: globals.$small-font-size;
     font-weight: 600;
+    display: inline-flex;
 
     &--clickable {
       cursor: pointer;
@@ -383,6 +386,11 @@ $hero-height: 300px;
   &__review-content {
     color: globals.$body-color;
     line-height: 1.5;
+    word-wrap: break-word;
+    word-break: break-word;
+    overflow-wrap: break-word;
+    white-space: pre-wrap;
+    max-width: 100%;
   }
 
   &__reviews-loading {