fix: fixed button layout in prompt message and fixed rating display in stats in game page

src/renderer/src/components/star-rating/star-rating.tsx

@@ -7,6 +7,7 @@ export interface StarRatingProps {
   size?: number;
   showCalculating?: boolean;
   calculatingText?: string;
+  hideIcon?: boolean;
 }
 
 export function StarRating({
@@ -15,11 +16,12 @@ export function StarRating({
   size = 12,
   showCalculating = false,
   calculatingText = "Calculating",
+  hideIcon = false,
 }: Readonly<StarRatingProps>) {
   if (rating === null && showCalculating) {
     return (
       <div className="star-rating star-rating--calculating">
-        <StarIcon size={size} />
+        {!hideIcon && <StarIcon size={size} />}
         <span className="star-rating__calculating-text">{calculatingText}</span>
       </div>
     );
@@ -28,7 +30,7 @@ export function StarRating({
   if (rating === null || rating === undefined) {
     return (
       <div className="star-rating star-rating--no-rating">
-        <StarIcon size={size} />
+        {!hideIcon && <StarIcon size={size} />}
         <span className="star-rating__no-rating-text">…</span>
       </div>
     );

src/renderer/src/pages/game-details/review-prompt-banner.tsx

@@ -25,12 +25,12 @@ export function ReviewPromptBanner({
           </span>
         </div>
         <div className="review-prompt-banner__actions">
-          <Button theme="primary" onClick={onYesClick}>
-            {t("yes")}
-          </Button>
           <Button theme="outline" onClick={onLaterClick}>
             {t("maybe_later")}
           </Button>
+          <Button theme="primary" onClick={onYesClick}>
+            {t("yes")}
+          </Button>
         </div>
       </div>
     </div>

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

@@ -233,10 +233,11 @@ export function Sidebar() {
                 {t("rating_count")}
               </p>
               <StarRating
-                rating={stats?.averageScore || 0}
+                rating={stats?.averageScore === 0 ? null : stats?.averageScore ?? null}
                 size={16}
-                showCalculating={!!(stats && stats.averageScore === null)}
+                showCalculating={!!(stats && (stats.averageScore === null || stats.averageScore === 0))}
                 calculatingText={t("calculating", { ns: "game_card" })}
+                hideIcon={true}
               />
             </div>
           </div>