Fix: Typescript error regarding missing karma property

src/renderer/src/hooks/use-user-details.ts

@@ -68,6 +68,7 @@ export function useUserDetails() {
         username: userDetails?.username || "",
         subscription: userDetails?.subscription || null,
         featurebaseJwt: userDetails?.featurebaseJwt || "",
+        karma: userDetails?.karma || 0,
       });
     },
     [

src/renderer/src/pages/game-details/modals/delete-review-modal.scss

@@ -16,4 +16,4 @@
     display: flex;
     justify-content: flex-end;
   }
-}
+}

src/renderer/src/pages/game-details/modals/delete-review-modal.tsx

@@ -30,7 +30,7 @@ export function DeleteReviewModal({
       <div className="delete-review-modal__karma-warning">
         {t("delete_review_karma_warning")}
       </div>
-      
+
       <div className="delete-review-modal__actions">
         <Button onClick={onClose} theme="outline">
           {t("cancel")}
@@ -42,4 +42,4 @@ export function DeleteReviewModal({
       </div>
     </Modal>
   );
-}
+}

src/renderer/src/pages/profile/profile-content/user-karma-box.scss

@@ -44,4 +44,4 @@
     font-size: 0.85rem;
     line-height: 1.4;
   }
-}
+}

src/renderer/src/pages/profile/profile-content/user-karma-box.tsx

@@ -25,7 +25,8 @@ export function UserKarmaBox() {
         <div className="user-karma__content">
           <div className="user-karma__stats-row">
             <p className="user-karma__description">
-              <Award size={20} /> {numberFormatter.format(userDetails.karma)} {t("karma_count")}
+              <Award size={20} /> {numberFormatter.format(userDetails.karma)}{" "}
+              {t("karma_count")}
             </p>
           </div>
           <div className="user-karma__info">
@@ -37,4 +38,4 @@ export function UserKarmaBox() {
       </div>
     </div>
   );
-}
+}